@import "../../css/common.css";

/* 全局加载图标 */
.global-loading{position:fixed;top:0;left: 300px;width: calc(100% - 330px);height:100%;line-height: 30vw;text-align: center;}

.global-loading>i{font-size: 30px;color:#666}

/* 局部加载图标 */
.loading{text-align: center;padding: 100px 0;}

.loading>i{font-size: 25px}

/* 全局滚动条样式 */
::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

::-webkit-scrollbar-thumb:hover{background-color: #dbdbdb}

::-webkit-scrollbar-track{border-radius: 0;background: #eee;}

.user-no-data{text-align: center;color:#999;margin: 50px 0}

tbody tr.nodata td{text-align: center;color:#999;font-size: 12px;padding: 100px 0}

.feelec-message{
    padding-bottom: 0;
}


/* 表单 */
.layui-form select[lay-ignore]{display:none !important;}

.feeldesk-form{position:relative;height: calc(100% - 51px);font-size: 12px;}

.feeldesk-form .form-header{border-bottom:1px solid #dce3e8;padding: 17px 0;font-weight: bold;margin-bottom: 20px;}

.feeldesk-form .form-header .template-name{display: inline-block;min-width: 80px;padding: 0 5px;height:30px;line-height:28px;font-weight:normal;
    text-align:center;background-color: #fff6ee;border:1px solid #ffd9b9;color:#ff7900;border-radius: 5px;}

.feeldesk-form form{height: 100%;}

.feeldesk-form .form-content{height: 100%}

.feeldesk-form .form-content .form-item{height: calc(100% - 65px);padding: 30px 0;overflow-x:hidden;}

.feeldesk-form .form-content .layui-form-item .layui-form-label{width:auto;min-width: 80px;}

.feeldesk-form .form-content .layui-form-item .layui-form-radio i{font-size: 16px}

.feeldesk-form .form-content .layui-form-item input{border-radius: 3px;border-color:#dce3e8;height: 35px;line-height: 33px;color:#333;font-size: 12px;}

.feeldesk-form .form-content .layui-form-item textarea{border-radius: 5px;font-size: 12px;}

.feeldesk-form .form-content .layui-form-item .copy-input{margin-right: 0}

.feeldesk-form .form-content .layui-form-item .copy-input input:hover{border-color:#e3e9ed !important;}

.feeldesk-form .form-content .layui-form-item .copy-input input:focus{border-color:#e3e9ed !important;}

.feeldesk-form .form-content .layui-form-item .copy-input input{border-radius: 3px 0 0 3px;margin-right: 0}

.feeldesk-form .form-content .ticket-form-item>.layui-input-inline:last-child{width:25%;margin-right: 0}

.feeldesk-form .form-content .layui-form-item .layui-input-inline .layui-form-switch{width: 55px;}

.feeldesk-form .form-content .layui-form-item .layui-input-inline .layui-form-switch i{top:2px}

.feeldesk-form .form-content .layui-form-item .layui-layedit{border-radius: 5px;border-color: #dce3e8}

.feeldesk-form .form-content .layui-form-item .layui-layedit .layui-layedit-tool{border-color: #dce3e8}

.feeldesk-form .form-content .layui-form-item .selectM-search{margin-bottom: 5px;}

.feeldesk-form .form-content .layui-form-item .selectM-search input{border:1px solid #e3e9ed;padding: 0 10px;border-radius: 0;width: 100%}

.feeldesk-form .form-content .layui-form-item .layui-form-select .layui-edge{border-width: 4px}

.feeldesk-form .form-content .layui-form-item .layui-form-selected .layui-edge{margin-top: -7px}

.layui-form-select dl dd.selectM-search:hover{background-color: #fff}

/* 提交 */
.feeldesk-form .form-submit{position: fixed;width: calc(100% - 18px);left:1px;bottom:1px;height: 65px;line-height: 65px;background-color: #fff;
    border-top: 1px solid #eee}

.feeldesk-form .form-submit .layui-form-item{margin-bottom: 0}

.feeldesk-form .form-submit .layui-input-inline{width:100%;text-align: center;}

.feeldesk-form .form-submit .layui-input-inline .layui-btn{background-color: #2c6ee5;border-radius: 3px;min-width: 70px;padding: 0 5px;height: 35px;
    line-height: 35px;font-size: 13px;}

.feeldesk-form .form-submit .layui-input-inline .layui-btn:hover{opacity: .8}

.feeldesk-form .form-submit .layui-input-inline .cancel-btn{background-color: #fff;border-radius: 3px;padding: 0 5px;height: 35px;
    line-height: 35px;font-size: 13px;min-width: 70px;border:1px solid #c8e6ff;margin-left: 10px;color:#2c6ee5}

.feeldesk-form .form-submit .layui-input-inline .cancel-btn:hover{border-color:#2c6ee5}

/* 右侧弹窗 - 表单 */
.window-feeldesk-form{position:relative;height: calc(100% - 65px);overflow-x:hidden;font-size: 12px;}

.window-feeldesk-form .form-content .form-item{height: 100%;padding: 30px 0;overflow-x:hidden;}

.window-feeldesk-form .form-submit{position: fixed;width: 100%;left:0;bottom:0;height: 65px;line-height: 65px;background-color: #fff;
    border-top: 1px solid #eee}

.window-feeldesk-form .detail-sidebar{position: fixed;top: 0;left: 0;width: 20px;height: calc(100% - 65px);text-align: center;cursor:pointer;color:#999;z-index: 1;}

.window-feeldesk-form .detail-sidebar:hover{background-color: #fafafa}

.window-feeldesk-form .detail-sidebar i{position: absolute;top:50%;right: 2px;}

/* 没有文本域的表单 */
.feeldesk-form .form-content .form-top{text-align: center;margin-bottom: 30px;}

.feeldesk-form .form-content .form-top img{width: 65px;height: 65px;margin: 20px 0}

.feeldesk-form .form-content .form-top .top-content{font-weight: bold;font-size: 14px;}

.feeldesk-form .form-content .storage-item .layui-form-item{width: 84%;margin-bottom: 20px;}

.feeldesk-form .form-content .storage-item .layui-form-item .layui-form-label{width: 35%;padding-left: 0}

.feeldesk-form .form-content .storage-item .layui-form-item .layui-input-inline{width: 60%;}

.feeldesk-form .form-content .storage-item .layui-form-item .readonly{line-height: 38px;color:orange;}

.feeldesk-form .form-content .form-item .layui-form-item{width: 84%;margin-bottom: 20px;}

.feeldesk-form .form-content .form-item .layui-form-item .layui-form-label{width: 30%;padding-left: 0;font-size: 13px}

.feeldesk-form .form-content .form-item .layui-form-item .layui-input-inline{width: 60%;}

.feeldesk-form .form-content .form-item .layui-form-item .layui-input-inline .layui-form-radio *{font-size: 13px}

.feeldesk-form .form-content .form-item .layui-form-item .layui-input-inline .layui-form-checkbox span{font-size: 13px}

.feeldesk-form .form-content .form-item .layui-form-item .layui-input-inline .layui-btn-primary:hover {border-color: #8c92a4;}

.feeldesk-form .layui-btn{font-size: 12px;height: 35px;line-height: 35px}

.feeldesk-form .layui-btn .layui-icon{font-size: 16px}

.feeldesk-form .form-content .form-item .layui-form-item .readonly{line-height: 38px;color:orange;}

.feeldesk-form .footer-copy{position: absolute;left: 0;right: 0;bottom: 0;z-index: 100;background-color:#fff;width:100%;height: 20px;line-height: 20px;
    color: #333;text-align: center;font-size: 12px;margin: 10px 0;}



/* 选择抄送人 */
.feeldesk-form .form-content #cc{position: relative;}

.feeldesk-form .form-content #cc dl{position: absolute;top: 43px;left: 0;width:100%;border: 1px solid #ddd;background: #fff;
    z-index: 100;max-height: 300px;overflow-y: auto;border-radius: 3px;}

.feeldesk-form .form-content #cc dd{padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}

.feeldesk-form .form-content #cc dd.cc-box-tips{padding-left: 10px!important;color: #999;}

.feeldesk-form .form-content #cc dd:hover{background:#3366FF;color:#fff}

.feeldesk-form .form-content #cc dd.cc-search{position: fixed;width: 238px;height: 40px;background: #fff;padding: 0;text-align: center;line-height: 40px;}

.feeldesk-form .form-content #cc dd.cc-search>input{border-radius: 2px;border: 1px solid #dce3e8;padding: 4px;height: 30px;width: 91%;}

.feeldesk-form .form-content .cc-list{margin-bottom: 15px;line-height: 40px}

.feeldesk-form .form-content .cc-list a{position: relative;display:inline-block;font-size:12px;height: 25px;line-height: 25px;min-width:60px;
    margin-right:5px;padding: 0 15px;color:#6a728b;border:1px dotted #6a728b;border-radius: 4px;text-align: center;}

.feeldesk-form .form-content .cc-list a span.icon-close1{position: absolute;top: -6px;right: -1px;}

.feeldesk-form .form-content .cc-list a:hover{border-color:#2c6ee5;color:#2c6ee5}


 /*上传图片*/
.feeldesk-form .form-content .layui-upload-drag {padding: 0;width: calc((100% - 20px) / 3);margin: 0 10px 10px 0;float: left;text-align: center;
    border-radius: 5px;min-height: 90px}

.feeldesk-form .form-content .layui-upload-drag:nth-child(3n){margin-right:0}

.feeldesk-form .form-content .layui-upload-drag div {height: 100%;position: relative;top: calc(50% - 26px)}

.feeldesk-form .form-content .layui-upload-drag .layui-icon {color: #1E9FFF;line-height: normal;font-size: 30px}

.feeldesk-form .form-content .layui-upload-drag img{width: 100%;height: 100%;border-radius: 5px}

.feeldesk-form .form-content .layui-upload-drag .cancel,
.feeldesk-form .form-content .layui-upload-drag .image-cancel {position: absolute;color: #fff;font-size: 12px;left: 0;bottom: 0;display: inline-block;
    width: 100%;height: 30px;line-height: 30px;background-color: rgba(0,0,0,.6);border-radius: 0 0 5px 5px}

.feeldesk-form .form-content .layui-upload-drag .upload-percent{display: none;width: 60px;height: 60px;line-height: 60px;color: #fff;
    position: absolute;top: calc((100% - 60px)/2);left: calc((100% - 60px)/2);background: rgba(0,0,0,0.6);border-radius:100%;font-size: 15px;
    font-weight: bold;}


/*上传附件*/
.feeldesk-form .attach-item li{margin-bottom: 5px;color:#537c8d;font-size: 12px;}

.feeldesk-form .attach-item li:first-child{margin-top: 20px;}

.feeldesk-form .attach-item i.icon-fujian{color:#484e5f;font-size: 15px;}

.feeldesk-form .attach-item span.closed{margin-left: 5px;font-size: 14px;}


/* 触发器任务 */
.feeldesk-form .form-content .trigger-item .layui-form-item{margin: 0 auto 30px auto;}

.feeldesk-form .form-content .trigger-item .layui-form-item .layui-form-label{display: block;width: 100%;text-align: left}

.feeldesk-form .form-content .trigger-item .layui-form-item .inline-label{display: inline-block;width:auto;}

.feeldesk-form .form-content .trigger-item .layui-form-item .layui-input-inline{width:calc((100% - 20px)/3)}

.feeldesk-form .form-content .trigger-item .layui-form-item .layui-input-block{margin-left: 0}

.feeldesk-form .form-content .trigger-item .select-group{position:relative;margin-bottom: 15px;}

.feeldesk-form .form-content .trigger-item .add-conditions{display: block;max-width:140px;color:#8c92a4;font-size: 12px}

.feeldesk-form .form-content .trigger-item .add-conditions span{margin-left: 5px}

.feeldesk-form .form-content .trigger-item .add-conditions:hover{color:#2c6ee5}

.feeldesk-form .form-content .trigger-item .remove{position:absolute;top: 6px;right: -25px;font-size: 15px;color:#8c92a4}

.feeldesk-form .form-content .trigger-item .trigger-action .layui-input-inline{width:calc((100% - 10px)/2)}

.feeldesk-form .form-content .trigger-action .action-notice .layui-form-item{margin:0;width: 100%}

.feeldesk-form .form-content .trigger-action .action-notice a.email-tag{display: block;padding: 10px 0;color:#8c92a4}

.trigger-label{background-color: #f5f5f5;border-radius: 5px;height: 280px;}

.trigger-label .label-header{position:relative;background-color: #0B2F20;color:#fff;padding: 15px 10px;font-size: 14px;border-top-left-radius: 5px;
    border-top-right-radius: 5px}

.trigger-label .label-header .close{position:absolute;top: 13px;right:10px;font-size: 20px;cursor:pointer}

.trigger-label .label-item{padding:10px 0 10px 10px}

.trigger-label .label-item>div{margin:10px 0 20px 0;font-size: 12px;color:#2b2f3e}

.trigger-label .label-item ul li{background-color: #fff;display: inline-block;width: calc((100% - 20px)/2);margin-bottom: 10px;margin-right: 10px;
    color:#2b2f3e;border-radius: 5px;padding: 15px 10px;}

.trigger-label .label-item ul li span{font-weight: bold}

.trigger-label .label-item ul li i{font-size:30px;color:#6a728b;margin-right: 5px;}

.trigger-layer{border-radius: 5px !important;}

.feeldesk-form .form-content .trigger-item i.intro-icon{position: absolute;top: -2px;z-index: 1;font-size: 16px;margin-left: 8px;}

/* SLA */
.feeldesk-form .form-content .sla-item{padding:20px}

.feeldesk-form .form-content .sla-item .layui-form-item{margin:0 0 30px 0;}

.feeldesk-form .form-content .sla-item .layui-form-item .layui-form-label{display: block;width: 100%;text-align: left}

.feeldesk-form .form-content .sla-item .layui-form-item .inline-label{display: inline-block;width:auto;}

.feeldesk-form .form-content .sla-item .layui-form-item .layui-input-inline{width:calc((100% - 40px)/3)}

.feeldesk-form .form-content .sla-item .layui-form-item .layui-input-block{margin-left: 0}

.feeldesk-form .form-content .sla-item .layui-form-item .layui-input-block textarea{min-height: 100px;padding: 5px 7px;font-size: 12px;resize: none;}

.feeldesk-form .form-content .sla-item .select-group{position:relative;margin-bottom: 15px;}

.feeldesk-form .form-content .sla-item .add-conditions{display: block;width: 100%;color:#8c92a4;font-size: 12px}

.feeldesk-form .form-content .sla-item .add-conditions span{margin-left: 5px}

.feeldesk-form .form-content .sla-item .remove{display:inline-block;font-size: 15px;color:#8c92a4;margin-left: 5px;line-height: 40px;}


.sla-label{background-color: #f5f5f5;border-radius: 5px;height: 280px;}

.sla-label .label-header{position:relative;background-color: #0B2F20;color:#fff;padding: 15px 10px;font-size: 14px;border-top-left-radius: 5px;
    border-top-right-radius: 5px}

.sla-label .label-header .close{position:absolute;top: 13px;right:10px;font-size: 20px;cursor:pointer}

.sla-label .label-item{padding:10px 0 10px 10px}

.sla-label .label-item>div{margin:10px 0 20px 0;font-size: 12px;color:#2b2f3e}

.sla-label .label-item ul li{background-color: #fff;display: inline-block;width: calc((100% - 20px)/2);margin-bottom: 10px;margin-right: 10px;
    color:#2b2f3e;border-radius: 5px;padding: 15px 10px;}

.sla-label .label-item ul li span{font-weight: bold}

.sla-label .label-item ul li i{font-size:30px;color:#6a728b;margin-right: 5px;}

.sla-layer{border-radius: 5px !important;}

.sla-timeout-target{width: 100%;border: 1px solid #e3e9ed;margin-bottom: 20px;/*white-space: nowrap;*/}

.sal-target-header{font-size: 15px;color: #333;line-height: 50px;border-bottom:1px solid #e3e9ed;padding: 0 20px}

.sal-target-header .sal-target-title{display: inline-block;margin-top: -1px;}

.sal-target-header i{vertical-align: middle;font-size: 18px;}

.sla-timeout-title{background-color: #f4f6fa;width: 100%;height: 50px;padding: 15px 20px;font-size: 0}

.sla-timeout-title li{display: inline-block;font-size: 14px}

.sla-timeout-title li:nth-child(1){width: 10%;}

.sla-timeout-title li:nth-child(2){width: 45%;}

.sla-timeout-title li:nth-child(3){width: 45%;}

.sla-timeout-body{padding: 10px 0}

.sla-timeout-body .sla-timeout-body-item{position: relative;padding: 0 20px;}

.sla-target-title{float:left;width: 10%;height: 28px;line-height: 28px;}

.sla-target-time{float:left;width: 45%;}

.sla-target-time div.target-time{display:inline-block;border:1px solid #e3e9ed;border-radius: 2px;position: relative;cursor: pointer;}

.sla-target-time div.target-time span{display: inline-block;width: 45px;height:28px;line-height:26px;text-align: center;border-right: 1px solid #e3e9ed}

.sla-target-time div.target-time i{float: right;display: inline-block;color:#6a728b;width: 23px;height:28px;line-height:26px;text-align: center;}

.sla-target-time div.target-time i.current{background-color: #f5f7fa}

.sla-target-time div.target-time .target-time-select{position:absolute;top:36px;left:0;border:1px solid #e3e9ed; padding: 5px 0;background-color:#fff;z-index:100;
    display: none;width: 100%;max-height:150px;overflow-y: auto}

.sla-target-time div.target-time .target-time-select li{text-align: center;cursor: pointer;padding: 0 5px;height: 28px;line-height: 28px}

.sla-target-time div.target-time .target-time-select li:hover {background-color: #f4f6fa;color: #00B7FF;}

.sla-target-time div.target-time .target-time-select::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.sla-target-time div.target-time .target-time-select::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.sla-target-time div.target-time .target-time-select::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.sla-target-time input.time-input{border:1px solid #e3e9ed;width: 60px;height: 28px;line-height: 28px;padding: 0 5px;border-radius: 2px;}

.sla-target-select{padding: 0 0 0 55%;}

.sla-target-select>li{position:relative;margin-bottom: 10px;width: 100%;font-size: 0}

.sla-target-select li .sla-select-condition,.sla-target-select li .sla-select-option,.sla-target-select li .sla-select-object
{position:relative;display: inline-block;background-color:#eff3fa;height: 28px;line-height: 28px;cursor: pointer;border-radius: 2px}

.sla-target-select li .sla-select-condition{margin-right: 10px;width: 120px}

.sla-target-select li .sla-select-option{margin-right: 10px;width: 81px}

.sla-target-select li .sla-select-object{margin-right: 10px;vertical-align: text-bottom;}

.sla-target-select li .condition-select span.target-title{display:inline-block;width:80%;overflow-x:hidden;padding:0 10px;font-size: 12px;white-space: nowrap}

.sla-target-select li .condition-select i{float:right;color:#6a728b;}

.sla-target-select li ul.condition-option{position:absolute;top:36px;left:0;border:1px solid #e3e9ed; padding: 5px 0;background-color:#fff;z-index:100;
    display: none;width: 100%;max-height:150px;overflow-y: auto}

.sla-target-select li ul.condition-option::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.sla-target-select li ul.condition-option::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.sla-target-select li ul.condition-option::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.sla-target-select li ul.condition-option li{padding:0 5px;font-size: 12px}

.sla-target-select li ul.condition-option li:hover{background-color: #f4f6fa;color:#00B7FF}

.sla-target-select li .sla-select-object a{display:inline-block;background-color: #eff3fa;width:100%;height: 28px;line-height: 28px;border-radius: 2px;
    padding: 0 5px;cursor: pointer;font-size: 12px}

.sla-target-select li .add-remind-select,.sla-target-select li .del-remind-select{display:inline-block;line-height:28px;vertical-align: bottom;}

.sla-target-select li .add-remind-select i,.sla-target-select li .del-remind-select i{color: #8c92a4;font-size: 15px;cursor: pointer}

.sla-object-window,.sla-object-window .layui-layer-content{border-radius: 5px !important;}

.sla-object-window .sla-object-panel{background: #fff;width:100%;height:100%;border-radius: 3px;margin: 0 auto;z-index: 200;}

.sla-object-window .sla-object-panel>header{position:absolute;top:0;z-index:100;width:100%;background-color:#fafafa;color:#333;border-radius:3px 3px 0 0;
    line-height: 50px;padding: 0 20px;border-bottom:1px solid #eee}

.sla-object-window .sla-object-panel>header .move-element {display: inline-block;width: calc(100% - 20px);}

.sla-object-window .sla-object-panel>header .sla-object-close{position:absolute;right:20px;display: inline-block;font-size:25px !important;color:#333;cursor:pointer}

.sla-object-window .sla-object-panel>.sla-object-main {padding: 52px 20px 0 20px;height: calc(100% - 10px);overflow-x: hidden;}

.sla-object-window .sla-object-panel .object-item{height:60px;line-height:60px;font-size: 14px}

.sla-object-window .layui-form-checked[lay-skin=primary] i {border-color: #2c6ee5;background-color: #2c6ee5;color: #fff;}

.sla-object-window .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #2c6ee5;}

.sla-object-window .sla-object-panel .object-sure-btn{display:inline-block;background-color: #2c6ee5;min-width: 60px;text-align: center;padding: 0 5px;
    border-radius: 3px;float: right;font-size: 14px;color: #fff;height: 30px;line-height: 30px;margin: 15px 0;}

.sla-object-window .sla-object-panel .object-sure-btn:hover{opacity: .8}

.object-custom-main{border:1px solid #e3e9ed;height: calc(100% - 60px);overflow-x: hidden;font-size: 0}

.object-custom-main .custom-left{display:inline-block;width: 40%;height:100%;border-right: 1px solid #e3e9ed;font-size: 14px;vertical-align: middle;}

.object-custom-main .custom-left .left-header,.object-custom-main .custom-right .right-header
{height: 35px;line-height: 35px;padding: 0 10px;border-bottom: 1px solid #e3e9ed}

.object-custom-main .custom-left .department{height: calc(100% - 35px);overflow-x: hidden;}

.object-custom-main .custom-left .auth-status{padding: 5px 10px;}

.object-custom-main .custom-left .auth-icon {font-size: 14px;color: #c2c2c2;margin-right: 5px;}

.object-custom-main .custom-left .auth-status span:nth-child(2) {
    color: #c0c4cc;
}

.object-custom-main .custom-left ul{height: calc(100% - 35px);overflow-x: hidden}

.object-custom-main .custom-left ul::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.object-custom-main .custom-left ul::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.object-custom-main .custom-left ul::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.object-custom-main .custom-left ul li{height: 35px;line-height: 35px;padding: 0 10px;}

.object-custom-main .custom-left ul li:hover{background-color: #f5f5f5;cursor: pointer;color:#2c6ee5}

.object-custom-main .custom-left ul li.custom-selected{color:#2c6ee5}

.object-custom-main .custom-right{display: inline-block;width: calc(60% - 1px);height: 100%;font-size: 14px;vertical-align: middle;}

.object-custom-main .custom-right ul{height: calc(100% - 35px);overflow-x: hidden;padding:10px 10px 0 10px;font-size: 0}

.object-custom-main .custom-right ul::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.object-custom-main .custom-right ul::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.object-custom-main .custom-right ul::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.custom-members .member-item{display:inline-block;margin-right: 10px;border:1px solid #e3e9ed;width: calc((100% - 10px) / 2);font-size: 13px;
    height: 35px;line-height: 35px;margin-bottom: 10px;padding: 0 10px;cursor: pointer;}

.custom-members .member-item:hover{border-color:#2c6ee5;color:#2c6ee5;}

.custom-members .member-item i.icon-selected{display: none}

.custom-members .selected-item{border-color:#2c6ee5;}

.custom-members .selected-item i.icon-selected{float: right;display: inline-block;color:#2c6ee5;font-size: 15px;}


/* 审核管理 */
.feeldesk-form .form-content .audit-item .layui-form-item{margin: 0 auto 30px auto;}

.feeldesk-form .form-content .audit-item .layui-form-item .layui-form-label{display: block;width: 100%;text-align: left}

.feeldesk-form .form-content .audit-item .layui-form-item .inline-label{display: inline-block;width:auto;}

.feeldesk-form .form-content .audit-item .layui-form-item .layui-input-inline{width:calc((100% - 20px)/3)}

.feeldesk-form .form-content .audit-item .layui-form-item .layui-input-block{margin-left: 0}

.feeldesk-form .form-content .audit-item .select-group{position:relative;margin-bottom: 15px;}

.feeldesk-form .form-content .audit-item .add-audit{display: block;color:#8c92a4;font-size: 12px;border-top: 1px dashed #e3e9ed;padding: 10px 0;margin-top:20px}

.feeldesk-form .form-content .audit-item .add-audit:hover,.feeldesk-form .form-content .audit-item .layui-form-item .add-reviewer:hover{color:#2c6ee5}

.feeldesk-form .form-content .audit-item .add-audit span{margin-left: 5px}

.feeldesk-form .form-content .audit-item .icon-jianqu2{display:inline-block;margin-top:5px;font-size: 17px;color:#8c92a4}

.feeldesk-form .form-content .audit-level-item .icon-jianqu2{display:inline-block;margin-top:0;font-size: 17px;color:#8c92a4;line-height: 35px;}

.feeldesk-form .form-content .icon-jianqu2:hover{color:#2c6ee5}

.feeldesk-form .form-content .audit-item .layui-form-item .audit-level{display: inline-block;float:left;margin: 8px 20px 8px 0;min-width: 85px}

.feeldesk-form .form-content .audit-item .layui-form-item .add-reviewer{display:inline-block;line-height: 35px;margin-right: 10px}

.reviewers{margin-left: 106px;}

.reviewers li{display: inline-block;margin-top:10px;min-width: 50px;border:1px solid #8c92a4;color:#8c92a4;margin-right: 5px;text-align: center;padding: 0 5px}

.process-window .audit-panel .process-users{width: 100%}

.process-window .audit-panel .process-user-item li{height: 45px;line-height: 45px;}

.process-window .audit-panel .process-user-item li img{width: 30px;height: 30px;border-radius: 100%;margin-right: 10px}

.process-window .audit-panel .process-user-item li:hover{border:none;background-color: #fafafa}

.process-window .audit-panel .process-user-item li.user-selected{color: #2c6ee5;}

.process-window .audit-panel .process-user-item li:hover{border:1px solid #2c6ee5;cursor: pointer;color: #2c6ee5;}

.hide{display: none !important;}


/* 个人中心 */
.feeldesk-form .form-nav{line-height: 30px;}

.feeldesk-form .form-nav ul{border-bottom: 1px solid #e3e9ed;}

.feeldesk-form .form-nav ul li{display:inline-block;min-width:130px;height: 51px;}

.feeldesk-form .form-nav ul li a{display:inline-block;width:100%;padding: 10px;text-align: center;color:#999;font-size: 15px;}

.feeldesk-form .form-nav ul li a.active{border-bottom:3px solid #2c6ee5;color:#2c6ee5;}

.feeldesk-form .form-content .logo-image{position:relative;display: inline-block;cursor:pointer}

.feeldesk-form .form-content .logo-shade{display:none;position: absolute;background-color: rgba(0,0,0,.3);height: 120px;width: 120px;
    border-radius: 100%;line-height: 120px;color:#fff;}

.feeldesk-form .form-content .form-top img.member-face{width: 120px;height: 120px;border-radius: 100%;cursor:pointer;margin-top: 0}

.feeldesk-form .member-name{line-height: 38px;color:#fe7300}


/* 公司设置 */
.feeldesk-form .form-content .form-top img.company-logo{width: 200px;height: 50px;border-radius: 5px;cursor: pointer}

.feeldesk-form .form-content .banner-label{padding:5px 15px;}

.feeldesk-form .form-content .uploadBanner,.feeldesk-form .form-content .uploadAdvert{background-color: #6a728b;height: 30px;line-height: 30px;
    min-width: 80px;padding: 0 5px;font-size: 12px;cursor: pointer}

.feeldesk-form .form-content .uploadBanner i,.feeldesk-form .form-content .uploadAdvert i{font-size: 15px}

.feeldesk-form code{font-size:12px;color:#999;margin-left: 5px;}

.feeldesk-form .company-banner{width: 100%;height: 135px}

.feeldesk-form .company-banner img{width: 100%;height: 135px;border:1px dashed #e2e2e2;border-radius: 5px;padding: 2px;}

.feeldesk-form .company-banner a.cancel{display: block;text-align: center;margin-top:5px;}


/* 表单说明 */
.feeldesk-form .form-intro{padding-bottom: 45px;height:calc(100% - 52px);overflow-x: hidden}

.feeldesk-form .form-intro .intro-item{padding: 0 20px;border-bottom: 1px solid #e3e9ed;}

.feeldesk-form .form-intro .intro-item .intro-title{font-size: 14px;cursor: pointer;line-height: 50px}

.feeldesk-form .form-intro .intro-item .intro-title i{font-size: 16px;color:#6a728b;}

.feeldesk-form .form-intro .intro-item .intro-detail{background-color: #fafafa;padding: 20px 10px;}

.feeldesk-form .form-intro .intro-item .intro-detail input{border-radius: 3px;}

.feeldesk-form .form-intro .intro-item .intro-detail .form-input,.intro-item .intro-detail .layui-form-select{width:calc(50% - 20px);color:#333;
    height: 35px;margin:0 20px 20px 0;border-color:#dedede;border-radius: 3px}

.feeldesk-form .form-intro .intro-item .intro-detail p{padding: 10px 0;color:#6a728b;}

.feeldesk-form .form-intro .intro-item .intro-form{position: relative}

.feeldesk-form .form-intro .intro-item .intro-form textarea{position: absolute;top: 0;left: 50%;width: 50%;height: 96px;color:#333;border-radius: 3px;
    background-color: #fff;padding:5px 0 0 5px;resize:none;}

.feeldesk-form .form-intro .intro-item .intro-form .layui-form-radio i{font-size: 15px;color:#6a728b}

.feeldesk-form .form-intro .intro-item .intro-form .layui-form-checkbox[lay-skin=primary] span{line-height: 16px}

.feeldesk-form .form-intro .intro-item .intro-form .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#6a728b}

.feeldesk-form .form-intro .intro-item .intro-form .layui-form-checked[lay-skin=primary] i{border-color: #6a728b;background-color: #6a728b;color: #fff;}

.feeldesk-form .form-intro .active{box-shadow:0 3px 10px 0 rgba(28, 28, 28, 0.15);padding-bottom: 20px;}

.feeldesk-form .form-intro .active .intro-title{border:none;color:#138df5}

.feeldesk-form .form-intro .active .intro-title i{color:#138df5}


/* 微信配置 */
.feeldesk-form .form-content .wechat-logo img{width: 100px;height: 100px;border-radius: 5px;padding: 0;border: none;cursor: pointer;margin: 0}

.feeldesk-form .form-content .wechat-logo .wechat-separate{display:inline-block;background-color: #e3e9ed;height: 70px;width: 1px;margin:20px;
    vertical-align: middle;}

.feeldesk-form .form-content .wechat-logo .logo-shade{width: 100px;height: 100px;line-height: 100px;font-size: 13px;border-radius: 4px}


/* 接口配置 */
.feeldesk-form .layui-tab{margin: 0}

.feeldesk-form .layui-tab-title{line-height: 30px;height: auto;border-bottom: 1px solid #e3e9ed;}

.feeldesk-form .layui-tab-title li{min-width: 130px;padding: 21px 0;line-height: normal;font-size: 16px;color:#666}

.feeldesk-form .layui-tab-title .layui-this {color:#2c6ee5;}

.feeldesk-form .layui-tab-title .layui-this:after{border:none;border-bottom:3px solid #2c6ee5;height: 65px}

.feeldesk-form .form-submit .layui-input-inline .email-template-btn{text-indent: 0;letter-spacing: normal;}

a.not-find-problem{font-size: 14px;color:#537c8d !important;border:none !important;}

a.not-find-problem:hover{color:#32465d !important;}

/* 角色管理 - 角色授权 */

.auth-item .role-submit-btn{display:inline-block;min-width:60px;height: 30px;line-height: 30px;text-align:center;border-radius: 3px;color:#fff;
    background-color: #2c6ee5;padding: 0 10px;font-size: 14px;position: absolute;top: 11px;right: 40px}

.auth-item .layui-tab-title li{padding: 16px 0;font-size: 15px}

.auth-item .layui-tab-title .layui-this:after{height: 51px}

.auth-item .layui-tab-content{height: calc(100% - 65px);overflow-x: hidden;padding: 15px 0 15px 15px;}

.auth-item .layui-tab-content::-webkit-scrollbar {width: 5px;}

.auth-item dl{padding: 10px 0}

.auth-item .menu-level1>dd{padding: 10px 0;font-weight: bold}

.menu-level2,.menu-level3,.menu-level4,.menu-level5{padding:10px 0 10px 25px}

.level3-checkbox{display: inline-block;text-align: left}



/* 列表 */
.list-main{position:relative;height: calc(100% - 51px)}

.list-header{line-height: 60px;border-bottom: 1px solid #e3e9ed;padding: 0 20px;position: relative;font-size: 0}

.list-header .header-left{display: inline-block;font-size: 13px}

.list-header .header-left .createBtn{display: inline-block;min-width: 70px;padding: 0 5px;background: #8c92a4;height: 30px;line-height: 30px;
    border-radius: 2px;color:#fff;}

.list-header .header-left .createBtn i{vertical-align: bottom !important;margin-right: 5px}

.list-header .header-left .createBtn:hover{background-color: #6a728b}

.list-header .header-left .layui-input{border-radius: 2px;height: 32px;}

.list-header .header-left .layui-form-select .layui-edge{border-width: 4px}

.list-header .header-right{display:inline-block;font-size: 12px;text-align: right;}

.common-main .list-header .header-right{position: absolute;top: 0;right: 20px;font-size: 12px;display: block;}

.common-main .list-header .header-left{display:block;font-size: 13px}

.common-main .item-list{height: 100%}

.list-header .header-right>a{display:inline-block;border:1px solid #e3e9ed;height: 30px;line-height: 30px;padding:0 5px;
    border-radius: 4px;color:#666;margin-right: 10px;vertical-align: middle;margin-top: -1px}

.list-header .header-right>a i{font-size:20px;vertical-align: bottom !important;}

.list-header .header-right>a:last-child{margin-right: 0}

.list-main .compact-search .iconfont{top: 17px}

.list-main .footer-copy{position: absolute;left: 0;right: 0;bottom: 17px;z-index: 100;background-color:#fff;width:100%;height: 20px;line-height: 20px;
    color: #333;text-align: center;font-size: 12px;}

.compact-search input{width:200px;padding-left: 33px;border:1px solid #e3e9ed;height: 30px;border-radius: 5px;margin-right: 10px;}

.item-list{height: calc(100% - 60px);overflow: auto;padding: 0 20px}

.item-list::-webkit-scrollbar{background-color:#f5f7fa;width: 8px;height: 8px;}

.item-list::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.item-list::-webkit-scrollbar-track{border-radius: 0;background: rgba(250,250,250,0.1);}

.item-list .layui-table{border-color:#e3e9ed}

.item-list .layui-table thead tr{background-color: #fff;}

.item-list .layui-table[lay-skin=line]{border: none;margin-bottom:0}

.item-list .layui-table tr:hover{background-color:#fafafa !important;}

.item-list .layui-table th{padding: 18px 15px;}

.item-list .layui-table td{padding: 12px 15px;}

.item-list .layui-table td span.open-status,.group-item .group-status span.open-status,.ticket-view-item span.open-status{display: inline-block;
    text-align:center;height:25px;line-height:25px;min-width:50px;padding: 0 5px;border-radius: 3px;font-size: 12px}

.item-list .layui-table td .disable,.group-item .group-status span.disable,.ticket-view-item span.disable{background-color: #ccc;color:#fff;
    border:1px solid #ccc;}

.item-list .layui-table td .enable,.group-item .group-status span.enable,.ticket-view-item span.enable{background-color: #85d654;color:#fff;
    border:1px solid #85d654;}

.item-list .layui-table td .online{background-color: #85d654;color:#fff;border:1px solid #85d654;}

.item-list .layui-table td .offline{background-color: #ccc;color:#fff;border:1px solid #ccc;}

.item-list .layui-table tr td{color:#32465d}

.item-list .layui-table tr td .icon-dian{cursor:pointer;color:#32465d;}

.item-list .layui-table tr td:last-child{position: relative;}

.item-list .layui-table tr td .operate{position:absolute;right:0;background-color: #fff;text-align: center;z-index: 999;border-radius:2px;
    border:1px solid #e3e9ed;line-height: 35px;min-width: 100px}

.item-list .layui-table tr td.messageOperate .operate{top:44px;right: -1px}

.item-list .layui-table tr td .operate img{position: absolute;top:-7px;right: 12%;width: 20px;}

.item-list .layui-table tr td .operate a{display: block;width: 100%;padding: 0 15px;}

.item-list .layui-table tr td .operate a:hover{background-color:#fff9f5;color:#2c6ee5}

.item-list .visitorUrl{display: inline-block;width: 100px;margin-right: 10px;vertical-align: middle;}

.item-list .copyBtn{cursor: pointer}

.item-list .listOperate,.item-list .messageOperate{width: 100px}

.item-list .layui-table tr td:first-child{color:#537c8d}

.item-list .layui-table tr:hover td:first-child{color:#32465d}

.item-list .listOperate>a{display: inline-block;color:#537c8d;padding: 0 10px}

.item-list .listOperate>a:hover{color:#32465d}

/* 数据分析 */
.analysis-main .list-header{padding: 0 20px;background: #FCFCFC;}

.analysis-main .list-header .header-left{display: block;}

.analysis-main .list-header .item-filter{height: 60px;line-height: 60px;padding: 0;border-bottom: none}

.analysis-main .list-header .item-filter>.item{padding: 16px 20px !important;min-width: 20%}

.analysis-main .list-header .item-filter>.item i.iconfont{vertical-align: bottom;font-size: 16px}

.analysis-main .list-header .item-filter>.item .filter-menu{top:70px;box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.2)}

.analysis-main .list-header .item-filter>.item .filter-menu .channel-item .icon-gou1{color:#2c6ee5;font-size: 14px;}

.analysis-main .list-header .header-right{position: absolute;top: 0;right: 40px;font-size: 12px;}

.analysis-main .list-content{overflow-x: hidden;}

.analysis-main .list-content .total td{border:none}

.data-analysis{height: 100%}

.data-analysis .layui-table tr td{color:#537c8d;font-size: 14px;}

.data-analysis .layui-table tbody tr.total td,.data-analysis .layui-table tbody tr.total td{font-size:14px;color:#537c8d;font-weight: bold}

.data-analysis .layui-table tbody tr td span{color:#999;font-size: 12px;font-weight: normal}

.data-analysis .layui-table tbody tr:last-child td span{color:#537c8d}

.channel-analysis td.ticket-source{position: relative;padding: 0;}

.channel-analysis tr[mini='apiData']{cursor: pointer}

.channel-analysis .ticket-source div{text-align: left;position: absolute;top: 14px;left: 15px}

.channel-analysis .ticket-source i{font-size: 18px;margin-right: 3px;}

.channel-analysis .ticket-source span{display: inline-block;min-width: 40px;padding: 0 5px;color:#537c8d;border:1px solid #c4dfe9;border-radius:4px;
    background-color: #e6f3f8;text-align: center}

.type-analysis td a{display: inline-block;width: 100%;}

.progress-date-input{line-height: 33px;height: 35px;border-radius: 5px;border: 1px solid #e3e9ed;width: 180px;text-align: center;}

.total-analysis-data{width: 100%;padding: 20px;font-size: 0;text-align: center;border-bottom: 1px solid #e3e9ed}

.total-analysis-data li:first-child{margin-left: 0}

.total-analysis-data li{display: inline-block;width: calc((100% - 53px) / 4);border:1px solid #e3e9ed;border-radius: 5px;height: 80px;font-size: 14px;
    padding:0 10px;vertical-align: text-top;text-align: left;margin-left: 15px;}

.total-analysis-data li div{color:#333;font-weight: bold}

.total-analysis-data li div:first-child{margin-top:10px;margin-bottom: 15px;}

.total-analysis-data li div span{color:#ff3c00}

.total-analysis-data li div.one-tab{color:#333;font-weight: bold;text-align: center;margin: 16px 0}

.total-analysis-data li div.one-tab div{margin: 0;}

.total-analysis-data li div.one-tab span{display: inline-block;margin-bottom: 5px}

.censu-container{margin: 20px 0}


    /* 部门管理 */
.item-list .group-item{line-height: 60px;margin: 20px 0;border-radius: 5px;padding: 0 20px;cursor:pointer;font-size: 14px;border:1px solid #e3e9ed}

.item-list .group-item:hover{box-shadow: 0 0 15px #ccc;border:none}

.item-list .group-item:hover .group-order,.group-item:hover .editBtn{background-color: #2c6ee5;color:#fff;}

.item-list .group-item div{display: inline-block;}

.item-list .group-item .group-order{background-color:#ccc;width: 30px;height: 30px;line-height: 30px;border-radius: 4px;text-align: center;
    margin-right: 40px;color:#fff;}

.item-list .group-item .group-name{min-width: 20%;margin-right: 50px}

.item-list .group-item .group-name span:first-child,.item-list .group-item .group-status span:first-child{font-weight: bold;}

.item-list .group-item .group-name span:last-child{color:#32465d}

.item-list .group-item .editBtn{display: inline-block;height:30px;line-height:30px;min-width: 50px;text-align:center;padding: 0 5px;
    border:1px solid #2c6ee5;color:#2c6ee5;border-radius: 5px;}

.item-list .group-item .group-operate a:first-child{margin-right: 10px;}

.group-list .group-operate a{display: inline-block;color:#32465d;font-size: 14px}

.group-list .group-operate a:hover{color:#2c6ee5}

.group-list .nodata{margin: 50px 0;line-height: 35px;}

.article-title .layui-table[lay-skin=line] th:first-child{text-align: left !important;padding-left: 15px}

.article-title .layui-table[lay-skin=line] td:first-child>span:first-child{display: inline-block;width: 200px}

.article-title td span.title{display:inline-block;width: 300px !important;}


/* 分配用户 */
.assign-members-window{border-radius: 5px !important;}

.assign-members-window .assign-user-pannel {background: #fff;width: 100%;height: 100%;border-radius: 5px;margin: 0 auto;z-index: 200;}

.assign-user-pannel header{width: 100%;background-color: #fafafa;color: #333;border-radius:5px 0 0 5px;line-height: 60px;padding: 0 20px;}

.assign-user-pannel header span.move-element{display: inline-block;width: 100px}

.assign-user-pannel header .assign-search{position: relative;display: inline-block;width: 50%;}

.assign-user-pannel header .assign-search i{position: absolute;color: #666;font-size: 15px;left: 10px;height: auto;line-height: 50px;margin-top: 7px;}

.assign-user-pannel header .assign-search input{height: 30px;line-height: 30px;padding-left: 35px;width: 100%;font-size: 12px;border-radius: 3px;
    color: #333;border:1px solid #e3e9ed;}

.assign-user-pannel header i.assign-closed{position: absolute;right: 20px;color: #333;cursor: pointer;font-size: 25px;text-align:right;}

.assign-user-pannel form{height:calc(100% - 60px)}

.assign-user-main{height: 100%;}

.assign-user-main #assignUserItem{height: calc(100% - 101px);overflow-x: hidden;}

.assign-main-header{position:relative;padding: 0 20px;border-bottom: 1px solid #e3e9ed;height: 50px;line-height: 50px;}

.assign-main-header .assign-user-submit{position:absolute;background-color: #2c6ee5;right:20px;min-width: 55px;height:28px;line-height: 28px;color: #fff;
    border-radius: 3px;margin: 11px 0;text-align: center;padding: 0 5px}

.assign-user-main ul{font-size: 0}

.assign-user-main ul li{display: inline-block;cursor: pointer;padding: 0;text-align: center;vertical-align: middle;font-size: 14px;height: 50px;line-height: 50px;}

.assign-user-main ul li:nth-child(1){width: 10%}

.assign-user-main ul li:nth-child(2){width: 20%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.assign-user-main ul li:nth-child(3){width: 30%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.assign-user-main ul li:nth-child(4){width: 40%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.assign-user-main .assign-user-item{height: 50px;line-height: 50px;}

.assign-user-main .assign-user-item:hover{background-color:#f3f7ff}

.assign-user-main .assign-user-item:nth-child(2n){background-color:#fafafa}

.assign-user-main .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#2c6ee5}

.assign-user-main .layui-form-checked[lay-skin=primary] i{background-color: #2c6ee5;border-color:#2c6ee5}

.assign-user-main #assignUserItem::-webkit-scrollbar{background-color:#f5f7fa;width: 8px;height: 8px;}

.assign-user-main #assignUserItem::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.assign-user-main #assignUserItem::-webkit-scrollbar-track{border-radius: 0;background: rgba(250,250,250,0.1);}

.role-auth-main .auth-status{margin-bottom:5px}

.role-auth-main .auth-status .layui-form-checkbox[lay-skin=primary] span{font-size: 13px}

.role-auth-main .auth-status .layui-form-checkbox[lay-skin=primary] i{width:15px;height: 15px;line-height: 14px}



/* 自定义显示字段 */
ul.ticket-view-item{padding-right: 20px;padding-bottom: 30px;}

ul.ticket-view-item li{display: inline-block;width:calc((100% - 60px) / 3);min-height:70px;line-height:70px;margin-top: 30px;margin-left: 20px;
    color:#32465d;border:1px solid #e3e9ed;border-radius:5px;padding: 0 15px;cursor:pointer;}

ul.ticket-view-item li i{color:#cccccc;font-size: 35px;margin-right: 15px}

ul.ticket-view-item li div{display: inline-block;font-size: 14px;}

ul.ticket-view-item li div.field-name{min-width: 200px;}

ul.ticket-view-item li div span:first-child{font-weight: bold}

ul.ticket-view-item li a{display: inline-block;min-width:50px;height: 30px;line-height: 30px;font-size:14px;padding: 0 5px;border:1px solid #e3e9ed;
    color:#999;border-radius: 5px;text-align: center;}

ul.ticket-view-item li:hover{box-shadow: 0 0 15px 0 rgba(28, 28, 28, 0.15);border:none;}

ul.ticket-view-item li:hover i{color:#2c6ee5;}

ul.ticket-view-item li:hover a{color:#333;border-color:#8392a4}


/* 发布工单 */
.ticket-template{position:relative;height: calc(100% - 51px);padding: 20px;overflow-x: hidden}

.ticket-template::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.ticket-template::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.ticket-template::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.ticket-template dl{margin-top: 30px;font-size: 0}

.ticket-template dl:first-child{margin-top: 0;}

.ticket-template dl dt{font-weight: bold;color:#333;font-size: 14px;}

.ticket-template dl dt span{color:#666;}

.ticket-template dl dd{position: relative;display:inline-block;background-color: #fff;padding: 21px 15px;border-radius: 3px;
    width:calc((100% - 90px)/4);margin-top: 20px;margin-left: 30px;font-size: 13px;cursor: pointer;border: 1px solid #e3e9ed;}

.ticket-template dl dd i{font-size: 25px;color:#bff0ff;margin-right:5px;}

.ticket-template dl dd span{font-weight: bold;font-size: 13px;color:#666;display: inline-block;width: calc(100% - 100px);vertical-align: middle;}

.ticket-template dl dd a{position: absolute;top:27px;right:15px;display: inline-block;min-width: 50px;height:26px;line-height:25px;padding: 0 5px;
    font-size:13px;border-radius:3px;border:1px solid #e3e9ed;color:#999;text-align: center}

.ticket-template dl dd:hover{box-shadow: 0 0 10px 0 rgba(29, 29, 29, 0.15)}

.ticket-template dl dd:hover i{color:#2c6ee5;}

.ticket-template dl dd:hover span{color:#333}

.ticket-template dl dd:hover a{color:#333;border-color:#8c92a4}

.ticket-template a.faq-float{position:absolute;top:calc(50% - 80px);right:0;display:inline-block;background-color: #2c6ee5;width: 60px;height: 60px;
    line-height:60px;border-radius: 100%;color: #fff;font-size:20px;text-align: center}

.ticket-template a.faq-float:hover{opacity: .8}



/* 发布工单 - 选择 客户|会员|游客|产品|订单 */
.crm-select{position:relative;display: inline-block;width: 50%;text-align: left;height: 35px;line-height: 34px;border:1px solid #e3e9ed;border-radius: 3px;
    padding-left: 10px;color:#747474;font-size: 12px;cursor: pointer;}

.crm-select:hover{border-color: #8c92a4 !important;}

.crm-select i{position: absolute;right: 10px;font-size: 12px;color:#747474}

.crm-window{border-radius: 5px !important;max-width: 700px}

.crm-window .crm-panel{background: #fff;width:100%;height:100%;border-radius: 5px;margin: 0 auto;z-index: 200;}

.crm-window .crm-panel>header{position:absolute;width:100%;background-color:#222731;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;
    line-height: 50px;padding: 0 20px;z-index: 200;border:1px solid #222731}

.crm-window .crm-panel>header .crm-search{position:relative;left:17%;display: inline-block;width: 50%;}

.crm-window .crm-panel>header .crm-search i{position: absolute;color: #666;font-size: 15px;left: 10px;height: auto;line-height: 50px;margin-top: 2px;}

.crm-window .crm-panel>header .crm-search input{height: 30px;line-height:30px;border-radius:50px;padding-left:35px;border:none;width: 100%;font-size: 12px;
    background-color: #fff;color:#333}

.crm-window .crm-panel>header i.icon-guanbi{position:absolute;right:20px;display: inline-block;font-size:20px !important;color:#fff;cursor:pointer}

.crm-window .crm-panel .crm-item{padding-top: 52px;height: calc(100% - 56px);overflow-x: hidden}

.crm-window .crm-panel .crm-item::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.crm-window .crm-panel .crm-item::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.crm-window .crm-panel .crm-item::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.crm-window .layui-table tbody tr:hover, .layui-table thead tr{background-color: #fff}

.crm-window .layui-table{border:none;}

.crm-window .layui-table tr:last-child td{border:none;}

.crm-window .layui-table td,.crm-window .layui-table th{cursor: pointer;padding: 0;height: 48px;line-height: 48px}

.crm-window .layui-table td.nodata{padding: 60px 0;line-height: 30px;color: #999;}

.crm-window .layui-table th:nth-child(1){width: 68px}

.crm-window .layui-table th:nth-child(2){width: 309px}

.crm-window .layui-table th:nth-child(3){width: 103px}

.crm-window .layui-table th:nth-child(4){width: 220px}

.crm-window .layui-table tr:hover td:first-child{color: #32465d;}

.crm-window .layui-table tr:hover{background-color: #fafafa !important;}

.crm-window .layui-form-radio{margin-top: 0;margin-right: 0;padding-right: 0}

.crm-window .layui-form-radio>i{margin-right: 0;font-size: 17px}

.crm-window .layui-form-radio>i:hover,.crm-window .layui-form-radioed>i{color:#2c6ee5}

.crm-window footer{text-align: center;padding: 10px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top: 1px solid #e3e9ed}

.crm-window .crm-submit{display: inline-block;width: 80px;margin: 0 auto;height: 35px;line-height: 35px;border-radius: 3px;background-color: #2c6ee5;
    color: #fff;}


/* 发布工单 - 选择抄送人 */
.cc-select{position:relative;display: inline-block;width: 100%;text-align: left;line-height: 40px;height: 40px;border:1px solid #e3e9ed;border-radius: 5px;
    cursor: pointer;padding-left: 10px;color:#747474;font-size: 12px}

.cc-select:hover{border-color: #8c92a4 !important;}

.cc-select>i{position: absolute;right: 10px;font-size: 12px;color:#747474}

.cc-select>a.cc{padding: 0 5px;background: #2c6ee5;border-radius: 2px;color: #fff;display: block;line-height: 20px;height: 20px;
    margin: 9px 5px 9px 0;float: left;}

.cc-select>a.cc span{vertical-align: middle;font-size: 12px}

.cc-select>a.cc i{margin-left: 4px;font-size: 14px;vertical-align: middle;}

.cc-window{border-radius: 5px !important;}

.cc-window .cc-panel{background: #fff;width:100%;height:100%;border-radius: 5px;margin: 0 auto;z-index: 200;}

.cc-window .cc-panel>header{position:absolute;width:100%;background-color:#222731;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;
    line-height: 50px;padding: 0 20px;z-index: 200;border:1px solid #222731}

.cc-window .cc-panel>header i.icon-guanbi{position:absolute;right:20px;display: inline-block;font-size:20px !important;color:#fff;cursor:pointer}

.cc-window .cc-panel .cc-main{padding-top: 52px;height: calc(100% - 56px);overflow-x: hidden}

.cc-window .cc-panel .cc-main .cc-item{height: 40px;line-height: 40px;padding:0 10px;cursor: pointer}

.cc-window .cc-panel .cc-main .cc-item:hover{color:#2c6ee5;background-color: #f5f7fa}

.cc-window .cc-panel .cc-main .cc-item span{vertical-align: middle}

.cc-window .cc-panel .cc-main .cc-item i.iconfont{float: right;color:#2c6ee5;font-size: 20px;}




    /* 工单列表 */
.right-header{padding-top:15px}

.ticket-nav li{background: #fff;float:left;margin-right: 5px;min-width:80px;height: 30px;line-height: 29px;text-align: center;font-size: 14px;
    border-radius: 5px 5px 0 0;border:1px solid #e3e9ed;border-bottom:none;cursor: pointer;padding: 0 5px;margin-top: 5px}

.ticket-nav li .iconfont{font-size:15px;margin-right: 5px;}

.ticket-nav li.active{background: #8c92a4;color:#fff;height: 35px;line-height: 34px;margin-top: 0}

.ticket-nav li a{width: 100%;display: inline-block}

.ticket-nav li.active a{color:#fff;}

.ticket-item{position:relative;height:calc(100% - 51px);overflow: hidden}

.ticket-item::-webkit-scrollbar{background-color:#f5f7fa;width: 8px;height: 8px;}

.ticket-item::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.ticket-item::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.ticket-item .item-content .list-item th.checkbox, .ticket-item .list-item td.checkbox{width: 1px;padding: 14px 14px 14px 20px;}

.item-header{line-height: 28px;border-bottom:1px solid #e3e9ed;}

.item-header-left{display: inline-block;line-height: 50px}

.item-header-left .select-ticket-number{display: inline-block;padding-left:20px;font-size: 13px}

.item-header-left .select-ticket-number span{color:#2c6ee5}

.item-header-left .ticket-project{display: inline-block;margin-bottom: 0;padding-left: 15px;font-size: 12px}

.item-header-left .ticket-project .layui-input-inline{float: none}

.item-header-left .ticket-project .layui-input{height: 33px}

.item-header-left .ticket-project .layui-form-select .layui-edge{border-width: 4px}

.ticket-tab .ticket-table-title{line-height: 28px;}

.ticket-tab .ticket-table-title li{display: inline-block;height: 51px;}

.ticket-tab .ticket-table-title li a{display:inline-block;width:100%;font-size: 14px;padding:0 15px 10px 15px;text-align: center;margin-top: 12px;}

.ticket-tab .ticket-table-title li a.active{font-weight: bold;border-bottom: 2px solid #ff7900}

.item-header-right{text-align: right;margin: 9px 0}

.item-deleteBtn{display: inline-block;min-width: 70px;padding: 0 5px;margin-left:5px;vertical-align: middle;color: #666;margin-right: 10px;
    text-align: center;height: 30px;line-height: 30px;font-size: 12px;border:1px solid #e3e9ed;border-radius: 5px;margin-top: -1px;}

.compact-menu{display:inline-block;position:relative;top: 3px;height: 30px;line-height: 28px;margin-right:10px;font-size: 0;border:1px solid #e3e9ed;
    border-radius: 3px}

.compact-menu .iconfont{vertical-align: bottom !important;}

.compact-menu a{display:inline-block;width:40px;font-size: 20px;color:#666;text-align: center;cursor: pointer;border-right: 1px solid #e3e9ed}

.compact-menu a.filter{border-radius: 3px 3px 0 0}

.compact-menu a.sort,.compact-menu a.recover{border: none;}

.compact-menu a.active,.compact-menu a:hover{color:#23b7e5;}

.compact-menu a:last-child{border-right: none}

.compact-menu i.icon-daochu{font-size: 20px}

.compact-menu i.icon-daoru{font-size: 20px}

.compact-menu .sort-ul{position: absolute;top: 35px;right:1px;z-index: 99999999;min-width: 100px;box-shadow: 0 0 15px 0 rgba(51, 51, 51, 0.2);
    background-color: #fff;border-top-left-radius: 3px;display: none;}

.compact-menu .sort-ul li{padding: 6px 10px;text-align: center;font-size: 12px;color: #333;cursor: pointer;white-space: nowrap}

.compact-menu .sort-ul li .icon-gouxuan{font-size: 12px;color:#23b7ef;margin-right: 5px}

.compact-menu .sort-ul li .icon-desc,.compact-menu .sort-ul li .icon-asc{font-size: 12px;color:#333;}

.compact-search{display:inline-block;position: relative;color:#cecece;font-size: 0}

.compact-search .iconfont{position:absolute;left:0;top: 2px;background:#fff;font-size:15px;height: 25px;line-height: 27px;margin-left: 8px;}

.compact-search input{width:200px;padding-left: 33px;border:1px solid #e3e9ed;height: 30px;font-size: 12px;margin-right: 0;border-radius: 2px 0 0 2px}

.searchBtn{display:inline-block;color:#8c92a4;border:1px solid #8c92a4;border-radius: 5px;padding: 0 10px;height: 30px;line-height: 28px;
    font-size: 13px;}

.compact-search .searchBtn{border:1px solid #e3e9ed;border-left: none;border-radius: 0 2px 2px 0;}

.ticket-search .searchBtn{margin-right: 20px}

.ticket-search .layui-form-checkbox[lay-skin=primary]{border: 1px solid #e3e9ed !important;border-radius: 3px;display: inline-block;line-height: 28px !important;
    padding: 0 10px;margin-top: -1px;margin-right: 5px;}

.ticket-search .layui-form-checkbox[lay-skin=primary] span{line-height: 28px;padding-right: 8px;font-size: 12px}

.ticket-search .layui-form-checkbox[lay-skin=primary] i{width: 14px;height: 14px;line-height: 13px;}

.ticket-search .layui-form-checkbox[lay-skin=primary] i{position: relative;right: 0;left: 0;top: 0;}

/* 筛选面板 */
.filter-panel{position:absolute;left:0;z-index:100;width: 100%;background-color: #fff;box-shadow: 0 7px 15px 0 rgba(0, 0, 0, 0.1);display: none}

.filter-panel .filter-box1{border-bottom:1px solid #eee;margin: 0 20px}

.filter-panel .filter-name{display: inline-block;font-size: 13px;color:#999;margin-right: 25px;vertical-align: middle;text-align: right;min-width: 55px}

.filter-panel .filter-option{display: inline-block;vertical-align: middle;height: 60px;line-height: 60px}

.filter-panel .filter-option .layui-form-radio{margin-top: 0}

.filter-panel .filter-option .layui-form-radio:nth-child(10){padding-right: 0}

.filter-panel .filter-option .layui-form-radio>i{font-size: 16px;margin-top: -1px}

.filter-panel .filter-option .layui-form-radio *{font-size: 12px}

.filter-panel .filter-option input[name='datetime']{width:250px;height: 30px;line-height: 30px;border-radius: 3px;padding:0 10px;border:1px solid #eee;font-size: 12px}

.filter-panel .filter-option .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #2c6ee5;}

.filter-panel .filter-option .layui-form-checked[lay-skin=primary] i{background-color: #2c6ee5;border-color: #2c6ee5;}

.filter-panel .filter-box2{padding: 0 20px}

@media only screen and (max-width: 1400px)
{
    .filter-panel .filter-box2 .filter-item{width: 49% !important;}

    .filter-panel .filter-box2 .subject-filter-item{width: 100% !important;}

}

.filter-panel .filter-box2 .filter-item{display: inline-block;width: 33%;}

.filter-panel .layui-form-selected .layui-edge{margin-top:-6px !important;}

.filter-panel .filter-option .layui-form-select{height: 35px;line-height: 35px;margin: 10px 0;width: 300px}

.filter-panel .filter-option .layui-form-select .layui-edge{border-width: 4px;right: 5px;margin-top:-1px;}

.filter-panel .filter-option .layui-form-select .layui-input{height: 35px;border-color:#dce3e8}

.filter-panel .filter-option .layui-form-select dl dd{font-size: 13px}

.filter-panel .filter-option .layui-form-select dl dd:hover{background-color: #f3f7ff}

.filter-panel .filter-option .selectM-search{margin-bottom: 5px;}

.filter-panel .filter-option .selectM-search input{height: 35px;line-height: 33px;border:1px solid #eee;padding: 0 10px;border-radius: 0;width: 100%;font-size: 12px}

.filter-panel .filter-option .layui-form-checkbox span{font-size: 13px}

.filter-panel .filter-box2 .subject-filter-item{display: inline-block;width: 100%;margin: 5px 0;font-size: 0}

.filter-panel .filter-box2 .subject-filter-item .filter-name{margin-right: 19px}

.filter-panel .filter-box2 .subject-filter-item .layui-form-select{margin:5px 0 5px 0;}

.filter-panel .filter-box2 .subject-filter-item .filter-option{width: 83%;height: auto;line-height: normal}

.filter-panel .filter-box2 .subject-filter-item .layui-input-inline{margin-left: 10px;width: calc((100% - 40px) / 4)}

.filter-panel .filter-box2 .subject-filter-item .layui-form-select{width: 100%}

/* 筛选面板 - 底部 */
.filter-panel .filter-footer{width: 100%;height: 60px;line-height: 60px;border-top:1px solid #eee;padding: 0 20px;}

.filter-panel .filter-footer a{display:inline-block;border-radius: 3px;padding: 0 5px;height: 30px;line-height: 30px;font-size: 13px;min-width: 70px;
    text-align: center}

.filter-panel .filter-footer a.filter-sure{background-color: #2c6ee5;color:#fff;border:1px solid #2c6ee5;}

.filter-panel .filter-footer a.filter-cancel{background-color: #fff;color:#c8e6ff;border:1px solid #c8e6ff;margin-left: 10px;}

.filter-panel .filter-footer a.filter-cancel:hover{border-color:#2c6ee5;color:#2c6ee5}

.fd-right-top .top-right{float: right;height: 50px;line-height: 50px}

.fd-right-top .top-right a{display: inline-block;border:1px solid #e3e9ed;height: 30px;line-height: 30px;padding:0 9px 0 5px;
    border-radius: 3px;color:#666;margin-left: 10px;vertical-align: middle;margin-top: -1px;font-size: 12px}

.fd-right-top .top-right a i.icon-shaixuan{float: left;margin-right:2px;font-size: 15px}

.fd-right-top .top-right a.census-export{display:inline-block;}

.fd-right-top .top-right a.census-export i{font-size: 20px;float: left}

.fd-right-top .top-right a:hover,.fd-right-top .top-right a.active{color:#2c6ee5;border-color:#2c6ee5}

.compact-menu .sort-ul li:hover{background: #fff9f5;}


/* 筛选 - 优先级 */
.ticket-detail .detail-header>ul>li.select-priority span.priority,
.ticket-detail .detail-header>ul>li.select-priority .priority-item .update-priority span.priority
{display:inline-block;width:10px;height: 10px;border: 1px solid #ccc;border-radius: 100%;margin-right: 10px;vertical-align: initial;background-color: #fff}

.ticket-detail .detail-header>ul>li.select-priority span.general,
.ticket-detail .detail-header>ul>li.select-priority .priority-item .update-priority span.general
{background-color:#6c6fbf;border: 1px solid #6c6fbf;}

.ticket-detail .detail-header>ul>li.select-priority span.urgent,
.ticket-detail .detail-header>ul>li.select-priority .priority-item .update-priority span.urgent
{background-color:#dd3434;border: 1px solid #dd3434;}

.ticket-detail .detail-header>ul>li.select-priority span.high,
.ticket-detail .detail-header>ul>li.select-priority .priority-item .update-priority span.high
{background-color:#2e8cd3;border: 1px solid #2e8cd3;}

.ticket-detail .detail-header>ul>li.select-priority span.low,
.ticket-detail .detail-header>ul>li.select-priority .priority-item .update-priority span.low
{background-color:#20ccce;border: 1px solid #20ccce;}

.ticket-detail .transfer-ticket{display:inline-block;min-width: 63px;height: 30px;line-height: 30px;text-align: center;cursor: pointer;background-color: #fff;
    border-radius: 3px;font-size: 12px;color:#537c8d;border:1px solid #537c8d;margin-right: 10px;padding: 0 5px}

/* 筛选处理人 */
.filter-process-btn{display: inline-block;}

.process-window{max-width: 600px}

.process-window,.process-window .layui-layer-content{border-radius: 2px !important;}

.process-window .process-panel{background: #fff;width:100%;height:100%;border-radius: 5px;margin: 0 auto;z-index: 200;}

.process-window .process-panel .process-item{height: calc(100% - 56px);overflow-x: hidden}

.process-window .process-panel .process-item::-webkit-scrollbar{width: 5px;height: 5px;}

.process-window .process-panel .process-item::-webkit-scrollbar-thumb{border-radius: 5px;background: #cecece;}

.process-window .process-panel .process-item::-webkit-scrollbar-track{border-radius: 0;background: rgba(0,0,0,0.1);}

/*.process-window .process-panel .process-user-item .layui-form-checkbox{display: none !important;}*/

.process-window .process-content{height: calc(100%);font-size: 0}

.process-window .process-content .process-groups{display:inline-block;border-right: 1px solid #e3e9ed;height: 100%;width: 40%;font-size: 14px;
    vertical-align:text-top}

.process-window .process-group-search{padding:10px 10px 0 10px;height: 50px}

.process-window .process-group-search input{border:1px solid #e3e9ed;width: 100%;height: 30px;line-height: 30px;font-size: 12px;padding-left: 10px;border-radius: 2px}

.process-window .process-groups .process-group-tree .auth-icon{font-size: 14px;color:#c2c2c2;margin-right:5px;}

.process-window .process-groups .process-group-tree .auth-child{padding-left:18px !important;}

.process-window .process-groups .process-group-tree .auth-status{padding:5px 10px}

.process-window .process-groups .process-group-tree .auth-status span:nth-child(2){color:#c0c4cc}

.process-window .process-group-item{height: calc(100% - 50px);overflow-x: hidden;}

.process-window .process-group-item::-webkit-scrollbar{width: 5px;height: 5px;}

.process-window .process-group-item::-webkit-scrollbar-thumb{border-radius: 5px;background: #cecece;}

.process-window .process-group-item::-webkit-scrollbar-track{border-radius: 0;background: rgba(0,0,0,0.1);}

.process-window .process-group-item li{height: 35px;line-height: 35px;padding: 0 10px;font-size: 12px}

.process-window .process-group-item li.group-selected{color: #2c6ee5;}

.process-window .process-group-item li:hover{background-color: #f5f5f5;cursor: pointer;color: #2c6ee5;}

.process-window .process-users{display:inline-block;height: 100%;width: calc(60% - 1px);font-size: 14px;vertical-align:text-top}

.process-window .process-user-search{padding:10px 10px 0 10px;height: 50px}

.process-window .process-user-search input{border:1px solid #e3e9ed;width: 100%;height: 30px;line-height: 30px;font-size: 12px;padding-left: 10px;border-radius: 2px}

.process-window .process-group-search input:focus,
.process-window .process-user-search input:focus{border-color:#2c6ee5}

.process-window .process-user-item{height: calc(100% - 50px);overflow-x: hidden;padding: 0 10px}

.process-window .process-user-item::-webkit-scrollbar{width: 5px;height: 5px;}

.process-window .process-user-item::-webkit-scrollbar-thumb{border-radius: 5px;background: #cecece;}

.process-window .process-user-item::-webkit-scrollbar-track{border-radius: 0;background: rgba(0,0,0,0.1);}

.process-window .process-user-item li{height: 35px;line-height: 35px;padding: 0 10px;font-size: 12px}

.process-window .process-user-item li.user-hidden{display: none !important;}

/*.process-window .process-user-item li.user-selected{color: #2c6ee5;}*/

/*.process-window .process-user-item li:hover{border:1px solid #2c6ee5;cursor: pointer;color: #2c6ee5;}*/

.process-window footer{text-align: center;padding: 10px 0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top: 1px solid #e3e9ed}

.process-window .process-submit{display: inline-block;min-width: 80px;margin: 0 auto;height: 35px;line-height: 35px;border-radius: 2px;
    background-color:#1E9FFF;color: #fff;padding: 0 5px}

.process-window .process-submit:hover{opacity: .8}


.item-content{height: calc(100% - 52px)}

/* 工单管理 - 极简 */
.item-content #minimalist{overflow-x:auto;overflow-y:auto;height: 100%;}

.item-content #minimalist::-webkit-scrollbar{background-color:#f5f7fa;width: 8px;height: 8px;}

.item-content #minimalist::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.item-content #minimalist::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.item-content #minimalist .nodata{margin: 50px 0;line-height: 30px;color:#999;font-size: 12px}

.item-content #minimalist .minimalist-main{overflow-x:hidden;height: calc(100% - 51px);}

.minimalist .layui-form-checkbox[lay-skin=primary]{margin:0 10px}

.minimalist-main .ticket-list{height:60px;line-height:60px;padding:0 15px;font-size:13px;cursor:pointer;}

.minimalist-main .ticket-list:nth-child(2n){background-color: #fafafa;}

.minimalist-main .ticket-list:hover{background-color: #f3f7ff;}

.minimalist-main .ticket-list:hover a,.minimalist-main .ticket-list.current a{color:#138df5}

.minimalist-main .ticket-list .icon-new{right: 2px;color: #ff2e4b;font-size: 20px;}

.ticket-list div.status{display: inline-block;line-height: 25px;height: 25px;color:#fff;border-radius: 3px;min-width: 55px;
    text-align: center;padding: 0 5px;margin:0 10px;font-size: 12px}

.ticket-list a.ticket-title{line-height: 30px;height: 30px;margin-right: 10px;color:#537c8d}

.ticket-list-right{color:#537c8d;white-space: nowrap;display: inline-block;float: right}

.ticket-list-right div{display:inline-block;line-height: 30px;cursor:pointer;}

.ticket-list-right i{margin-right: 8px}

.ticket-list-right span{margin-right: 5px;display: inline-block;}

.ticket-list-right .iconfont{font-size:20px}

.ticket-list-right img.face{width:30px;height:30px;border-radius: 30px;margin-top: -1px}

.ticket-item #list th.ticket-title,
.ticket-item #list td.ticket-title,
.item-list .layui-table[lay-skin=line] th.left,
.item-list .layui-table[lay-skin=line] td.left{text-align: left !important;padding-left: 15px}

.fd-main .layui-table, .layui-table-view{margin: 0}

.ticket-item #list td.ticket-title,.ticket-item #list th.ticket-title{padding-left: 0;}

.ticket-item td,.ticket-item th{text-align: center}

.ticket-item .layui-form-checked[lay-skin=primary] i,
.message-item .layui-form-checked[lay-skin=primary] i,
.auth-item .layui-form-checked[lay-skin=primary] i,
.feeldesk-item .layui-form-checked[lay-skin=primary] i
{border-color:#2c6ee5;background-color: #2c6ee5}

.ticket-item .layui-form-checkbox[lay-skin=primary]:hover i,
.message-item .layui-form-checkbox[lay-skin=primary]:hover i,
.auth-item .layui-form-checkbox[lay-skin=primary]:hover i,
.feeldesk-item .layui-form-checkbox[lay-skin=primary]:hover i
{border-color:#2c6ee5;}

/* 工单管理 - 列表 */

.item-content .layui-table{border:none}

.item-content .layui-table tr{background:#fff;}

.item-content .layui-table th,.item-content .layui-table td{border-color:#e3e9ed;}

.item-content .layui-table tbody tr:hover,.item-content .layui-table-hover{background-color: #fafafa!important;}

.item-content .layui-table tr{cursor:pointer}

.item-content .list-item{overflow-x:auto;overflow-y:auto;height: 100%;}

.item-content .list-item th.checkbox,.list-item td.checkbox,.feeldesk-item th.checkbox{width:1px;padding: 14px 10px}

.item-content .list-item th.ticket-title,.list-item td.ticket-title{text-align: left !important;padding: 14px 0;}

.item-content .list-item td.ticket-title span{display: inline-block}

.item-content .list-item span.list-status{display:inline-block;font-size:12px;line-height: 25px;min-width: 55px;border-radius: 3px;padding: 0 5px;
    color: #fff;text-align: center}

.ticket-source>span{font-size:26px;color:#23b7e5}

.ticket-source>span.icon-service{font-size:26px;}

.item-content .ticket-list-item{overflow-x: hidden;}

.item-content .ticket-list-item .icon-new{right: 2px;color: #ff2e4b;font-size: 15px;}

.item-content .ticket-list-item .ticket-list-main{height: calc(100% - 51px);overflow-y: auto;overflow-x: auto}

.item-content .ticket-list-item .ticket-list-main::-webkit-scrollbar{height: 8px;}

.item-content .ticket-list-item thead tr{border-bottom:1px solid #eee !important;}

.item-content .ticket-list-item tbody tr:nth-child(2n){background-color: #fafafa;}

.item-content .ticket-list-item tbody tr:hover{background-color: #f3f7ff !important;}

.item-content .ticket-list-item tbody tr:hover td{color:#138df5 !important;}

.item-content .ticket-list-item tbody tr.current td{color:#138df5 !important;}

.item-content .ticket-list-item .ticket-read-state{display: inline-block;width: 6px;height: 6px;border-radius: 100%;margin-right: 2px;margin-top:-3px;}

.item-content .ticket-list-item .ticket-read{background-color: #20ccce;}

.item-content .ticket-list-item .ticket-unread{background-color: #FF7A00;}

.item-content .ticket-list-item .ticket-suspend,.ticket-list .ticket-suspend,.board-ticket-item .ticket-suspend{color: #ff3c00;}

.item-content .ticket-list-item .ticket-followed{color: #fe2947;}

.ticket-item .ticket-priority,.ticket-item .list-progress-node{display: inline-block;border:1px solid;border-radius: 3px;min-width: 40px;text-align: center;
    padding: 0 3px;height: 20px;line-height: 18px;font-size: 12px}

.item-content .ticket-project{display: inline-block;border:1px solid #2c6ee5;color:#2c6ee5;font-size: 14px;padding: 0 3px;height: 20px;line-height: 18px;
    border-radius: 3px;margin-left: 5px}

.item-content .ticket-list-main .feeldesk-list-operate a{display: inline-block;color:#92a9ca;font-size: 17px;margin-right: 10px;}

.item-content .ticket-list-main .feeldesk-list-operate a:hover{color:#2c6ee5}

.item-content .ticket-list-main .feeldesk-list-operate a:last-child{margin-right:0}

.ticket-item-footer{height: 50px;line-height: 50px;border-top: 1px solid #eee;background-color: #fff;padding: 0 20px;}


/* 导出工单 */
.export-ticket{position:relative;z-index:20171219;width:700px;border-radius:3px;background: #fff;}

.export-ticket .export-ticket-tab{padding: 7px 20px;font-size:14px;margin-bottom: 20px;background-color: #fafafa;color:#666}

.export-ticket .export-ticket-tab .export-select-all{float: right}

.export-ticket .export-ticket-footer{text-align: center;margin-bottom: 20px}

.export-ticket .export-ticket-footer .export-note{display:block;font-size: 12px;color:#999;text-align: left;padding: 0 20px;margin-bottom: 20px;line-height: 25px}

.export-ticket ul{width:100%;margin: 0 auto 10px auto;font-size:0;padding: 0 20px}

.export-ticket ul li{display: inline-block;width:calc((100% - 60px)/5);text-align: center;height:30px;line-height: 30px;margin: 0 15px 20px 0;font-size: 12px;}

.export-ticket ul li:nth-child(5n){margin-right: 0;}

.export-ticket ul li a{display: inline-block;width:100%;border:1px solid #dedede;border-radius: 3px;}

.export-ticket ul li a i{display:none;}

.export-ticket ul li a.select-this{position:relative;border:1px solid #2DB7F5;color:#2db7f5}

.export-ticket ul li a.select-this i{display: inline-block;position: absolute;top: 0;right:5px;font-size:12px;color:#2DB7F5}

.export-ticket ul li:hover a{border:1px solid #2DB7F5;color:#2db7f5}

/* 导入工单 */
.import-ticket{position:relative;z-index:20171219;width:700px;height:500px;border-radius:3px;background: #fff;}

.import-ticket .import-ticket-main{padding-top: 20px;height: calc(100% - 60px);font-size: 12px}

.import-ticket .import-select-template{width: 45%;margin:0 auto 20px auto;text-align: left}

.import-ticket .layui-upload-drag{padding:40px 72px}

.import-ticket .layui-upload-drag i{color:#138df5;margin-top: -16px}

.import-ticket .import-explain{padding-bottom:20px;text-align: center;font-size: 12px;line-height: 30px;color:#999}

.import-ticket .import-explain a{color:#23b7e5}

.import-ticket .import-explain a i{margin:-3px 5px 0 0}

.import-ticket .import-explain a:hover{color:#138df5}

.import-ticket .attachment{padding: 20px 0 15px 0;color:#138df5}

.import-ticket .import-ticket-footer{position:absolute;bottom:0;width:100%;line-height:60px;background-color:#fff;border-top:1px solid #eee;text-align: center;}

/* 弹窗表单 */
.form-window{max-width: 700px;background-color: #fff}

.window-form,.window-form form{height: 100%;background-color: #fff}

.window-form .form-item{height:calc(100% - 65px);overflow-x: hidden;padding-top: 30px;}

.window-form .form-item .layui-form-item .layui-form-label{min-width: 80px;width:25%;font-size: 13px;color:#172b4d}

.window-form .form-item .layui-form-item .layui-input-inline{width:60%}

.window-form .form-item .layui-form-item .layui-input-inline .layui-input-inline{width: 100%;margin-bottom:20px}

.window-form .form-item .layui-form-select .layui-edge{border-width: 4px}

.window-form .form-item .layui-form-selected .layui-edge{margin-top: -7px}

.window-form .form-item .layui-form-item input{border-radius: 3px;border-color:#eee;height: 35px;line-height: 35px;color:#333;font-size: 12px;}

.window-form .form-item .layui-form-item .layui-form-radio>i{font-size: 17px}

.window-form .form-item .layui-form-item .selectM-search{margin-bottom: 5px;}

.window-form .form-item .layui-form-item .selectM-search input{height: 35px;line-height: 33px;border:1px solid #eee;padding: 0 10px;border-radius: 0;width: 100%}

.window-form .form-item .layui-form-item .layui-form-checkbox[lay-skin=primary] span{font-size: 12px}

.window-form .form-item .layui-form-item xm-select>.xm-tips{font-size: 12px}

.window-form .form-item .layui-form-item xm-select>.xm-icon{border: 4px dashed transparent;border-top-color: #C2C2C2;border-top-style: solid;}

/* 提交及取消按钮 */
.window-form .form-submit{position: fixed;width: 100%;bottom:0;height: 65px;line-height: 65px;background-color: #fff;border-top: 1px solid #eee}

.window-form .form-submit .layui-form-item{margin-bottom:0}

.window-form .form-submit .layui-input-inline{width:100%;text-align: center;margin-right: 0}

.window-form .form-submit .layui-input-inline .layui-btn{background-color: #138df5;border-radius: 3px;padding: 0 5px;height: 35px;
    line-height: 35px;font-size: 13px;min-width: 70px}

.window-form .form-submit .layui-input-inline .cancel-btn{background-color: #fff;border-radius: 3px;padding: 0 5px;height: 35px;
    line-height: 35px;font-size: 13px;min-width: 70px;border:1px solid #c8e6ff;margin-left: 10px;color:#138df5}

.window-form .form-submit .layui-input-inline .cancel-btn:hover{border-color:#138df5}

/* 工单主题 */
.list-content .color-ffe792{color:#ffe792 !important;}

.list-content i.icon-dir-open,i.icon-dir-close{color:#ffcd2c;float: left;margin:-1px 10px 0 0}

.list-content .subject-main .subject-item{background-color: #fff;cursor: pointer;width: 100%;font-size: 0}

.list-content .subject-main>.subject-item:nth-child(even){background-color:#fafafa;}

.list-content .subject-main .subject-box:hover{background-color: #f3f8fe}

.list-content .subject-main .subject-box>div{display: inline-block;width:calc((100% - 0px) / 3);line-height: 55px;font-size: 13px}

.list-content .subject-main .subject-name{font-size: 0;}

.list-content .subject-main .subject-name span{display: inline-block;color:#235077;font-size: 13px}

.list-content .subject-main .subject-name i.icon-rights, .subject-main .subject-name i.icon-downs {color:#999;float: left;margin:-1px 10px 0 0;}

.list-content .subject-main .create-time{text-align: center;}

.list-content .subject-main .operate{text-align: center}

.list-content .subject-main .operate a{display: inline-block;color:#92a9ca;margin-right: 15px;font-size: 17px}

.list-content .subject-main .operate a:hover{color:#2c6ee5;}

.list-content .subject-main .operate a:last-child{margin-right: 0;}

/* 部门管理 */
.list-content .color-ffe792{color:#ffe792 !important;}

i.icon-dir-open,i.icon-dir-close{color:#ffcd2c;float: left;margin:-1px 10px 0 0}

.feeldesk-list-content .department-main .department-item{background-color: #fff;cursor: pointer;width: 100%;font-size: 0}

.feeldesk-list-content .department-main>.department-item:nth-child(even){background-color:#fafafa;}

.feeldesk-list-content .department-main .department-box:hover{background-color: #f3f8fe}

.feeldesk-list-content .department-main .department-box>div{display: inline-block;width:calc((100% - 0px) / 3);line-height: 55px;font-size: 13px}

.feeldesk-list-content .department-main .department-name{font-size: 0;}

.feeldesk-list-content .department-main .department-name span{display: inline-block;color:#235077;font-size: 13px}

.feeldesk-list-content .department-main .department-name i.icon-rights, .department-main .department-name i.icon-downs {color:#999;float: left;margin:-1px 10px 0 0;}

.feeldesk-list-content .department-main .create-time{text-align: center;}

.feeldesk-list-content .department-main .manager{text-align: center;}

.feeldesk-list-content .department-main .manager img{width: 25px;height: 25px;border-radius: 25px;margin-right: 8px;}

.feeldesk-list-content .department-main .manager span{vertical-align: middle}

.feeldesk-list-content .department-main .operate{text-align: center}

.feeldesk-list-content .department-main .operate a{display: inline-block;color:#92a9ca;margin-right: 15px;font-size: 17px}

.feeldesk-list-content .department-main .operate a:hover{color:#2c6ee5;}

.feeldesk-list-content .department-main .operate a:last-child{margin-right: 0;}

.update-group-btn{position: absolute;bottom: 0;width: 90%}

.update-group-btn .layui-btn{background-color:#138df5;height: 35px;line-height: 35px;min-width: 70px;padding:0 5px}

/*多级列表*/
.feeldesk-list-content .multistage-main .multistage-item{background-color: #fff;cursor: pointer;width: 100%;font-size: 0}

.feeldesk-list-content .multistage-main>.multistage-item{background-color:#fafafa;}

.feeldesk-list-content .multistage-main .multistage-box:hover{background-color: #f3f8fe}

.feeldesk-list-content .multistage-main .multistage-box>div{display: inline-block;width:calc((100% - 20px) / 4);line-height: 55px;font-size: 13px}

.feeldesk-list-content .multistage-main .multistage-name{font-size: 0;padding-left: 10px}

.feeldesk-list-content .multistage-main .multistage-name span{display: inline-block;color:#235077;font-size: 13px}

.feeldesk-list-content .multistage-main .multistage-name i.icon-rights, .multistage-main .multistage-name i.icon-downs {color:#999;float: left;margin:-1px 10px 0 0;}

.feeldesk-list-content .multistage-main .create-time{text-align: center;}

.feeldesk-list-content .multistage-main .operate{text-align: center}

.feeldesk-list-content .multistage-main .operate a{display: inline-block;color:#92a9ca;margin-right: 15px;font-size: 17px}

.feeldesk-list-content .multistage-main .operate a:hover{color:#2c6ee5;}

.feeldesk-list-content .multistage-main .operate a:last-child{margin-right: 0;}

.feeldesk-list-content .multistage-main .multistage-no-data{text-align: center;color: #999;padding: 20px 0;font-size: 12px;background-color: #fff}

/* 文章分类 */
.category-note{font-size: 13px;color:#999;line-height: 50px;padding: 0 15px}

.category-main{font-size: 0;height: calc(100% - 100px);padding: 0 10px}

.category-main .category-tree-left{display: inline-block;width: 300px;height:calc(100% - 10px);overflow-x:hidden;border:1px solid #e3e9ed;}

.category-main .category-tree-left .tree-left-header{border-bottom: 1px solid #e3e9ed;line-height: 39px;height: 40px;padding:0 10px;}

.category-main .category-tree-left .tree-left-header a{display:inline-block;color:#6d7894;font-size: 14px}

.category-main .category-tree-left .tree-left-header a span{display: inline-block;vertical-align: middle}

.category-main .category-tree-left .tree-left-header a:hover{color:#2c6ee5}

.category-main .category-tree-left .ztree{padding:10px;}

.category-main .category-tree-left .ztree li a{padding: 0 5px}

.category-main .category-tree-left .ztree li a.curSelectedNode{background-color: #f0f3fb;}

.category-main .category-tree-right{display: inline-block;width: calc(100% - 310px);height:calc(100% - 10px);overflow-x:hidden;border:1px solid #e3e9ed;
    margin-left: 10px;font-size: 14px}

.category-main .category-tree-right .tree-right-header{border-bottom: 1px solid #e3e9ed;line-height: 40px;height: 40px;font-size: 14px;color:#6d7894;padding:0 10px;}

.category-main .category-tree-right .category-form-item{padding: 10px 15px;line-height: 30px}

.category-main .category-tree-right .category-form-item .category-label{display: inline-block;float: left;text-align: right;margin-right: 10px;}

.category-main .category-tree-right .category-form-item .category-content{float: left;width: 70%}

.category-main .category-tree-right .category-form-item .category-content a.icon-modify{cursor: pointer;color:#6d7894;font-size: 13px}

.category-main .category-tree-right .category-form-item .category-content a.icon-modify:hover{color:#2c6ee5;}

.category-main .category-tree-right .category-form-item .category-content input{padding: 0 10px;border:1px solid #eee;height: 30px;line-height: 30px}

.category-main .category-tree-right .category-form-item .category-content input:focus{border-color:#57c5f7;}

/* 知识库 —— 管理 */
.library{padding: 0 20px 20px 20px;height: calc(100% - 50px);}

.library .library-header{height: 60px;line-height: 60px;font-size: 12px;color:#FE2C4A}

.library .library-header .library-header-right{float: right;}

.library .library-header .library-header-right a.upload-btn{display: inline-block;min-width: 70px;padding: 0 7px;background: #8c92a4;
    height: 30px;line-height: 30px;border-radius: 2px;color: #fff;font-size: 13px;margin-right: 10px;}

.library .library-header .library-header-right a.upload-btn i{margin: -1px 3px 0 0}

.library .library-left{display: inline-block;width: 280px;vertical-align: text-top;border:1px solid #e3e9ed;height: calc(100% - 60px);}

.library .library-left .tree-left-header{border-bottom: 1px solid #e3e9ed;line-height: 50px;height: 50px;padding:0 10px;}

.library .library-left .tree-left-header a{display:inline-block;color:#6d7894;font-size: 14px;width: 100%}

.library .library-left .tree-left-header a span{display: inline-block;margin-top: -2px;}

.library .library-left .tree-left-header a:hover{color:#2c6ee5}

.library .library-left .library-left-trees{width: 100%;height: calc(100% - 50px);overflow-x: hidden}

.library .library-left .library-left-trees .dtree-nav-this{color:#2c6ee5;font-weight: normal;}

.library .library-left .library-left-trees .dtree-nav-div cite{font-size: 13px;vertical-align: inherit}

.library .library-left .library-left-trees .dtree-icon-wenjianjiazhankai{font-size: 15px;color:#ffcd2c !important;}

.library .library-left .library-left-trees .dtree-icon-weibiaoti5{font-size: 15px;color:#ffcd2c !important;}

.library .library-left .library-left-trees .layui-icon-down,
.library .library-left .library-left-trees .layui-icon-right {font-size: 15px;color:#999 !important;}

.library .library-left .library-left-trees .layui-icon-list{font-size: 18px;}

.library .library-right{display: inline-block;vertical-align: text-top;width: calc(100% - 285px);height: calc(100% - 60px);border:1px solid #e3e9ed;
    position: relative}

.library .library-right .layui-form-checkbox[lay-skin=primary]{padding-left: 23px}

.library .library-right .layui-form-checked[lay-skin=primary] i {border-color: #2c6ee5;background-color: #2c6ee5;color: #fff;}

.library .library-right .layui-form-checkbox[lay-skin=primary]:hover i {border-color: #2c6ee5;}

.library .library-right .library-right-header{height:50px;line-height: 49px;padding: 0 10px;border-bottom: 1px solid #e3e9ed}

.library .library-right .library-right-header a.publish-problem{display: inline-block;min-width: 70px;padding: 0 7px;background: #8c92a4;
    height: 30px;line-height: 30px;border-radius: 2px;color: #fff;font-size: 13px;}

.library .library-right .library-right-header a.publish-problem i{margin: -1px 3px 0 0}

.library .library-right .library-right-header .search-problem{display: inline-block;width: calc(100% - 21vw);}

.library .library-right .library-right-header .search-problem .search-box{position:relative;width: 80%;margin: 0 auto}

.library .library-right .library-right-header .search-problem .search-box input{border:1px solid #e3e9ed;width: 100%;border-radius: 2px;
    padding-left: 30px;height:30px;line-height: 30px;font-size: 12px;margin-right: 10px;}

.library .library-right .library-right-header .search-problem .search-box input:focus{border-color:#8c92a4}

.library .library-right .library-right-header .search-problem .search-box i{position:absolute;top:10px;left:8px;height: 30px;line-height:30px;
    font-size: 16px;color:#e3e9ed;}

.library .library-right .library-right-header .library-select-all{display: inline-block;}

.library .library-right .library-right-problem{height: calc(100% - 101px);padding: 0 10px;overflow-x: hidden}

.library-right .library-right-footer{position:absolute;bottom:0;width:100%;height: 50px;line-height: 49px;background-color: #fff;padding:0 20px;
    border-top: 1px solid #eee}

.library-right .library-right-footer a{display: inline-block;padding:0 10px;height: 30px;line-height: 28px;border:1px solid #eee;border-radius: 3px}

.library-right .library-right-footer a span{font-size: 13px;display: inline-block;margin-left: 5px}

.library-right-problem .problem-item{position:relative;height: 50px;line-height: 49px;border-bottom: 1px dashed #e3e9ed;font-size: 0;cursor: pointer;padding: 0 10px}

.library-right-problem .problem-item a.problem-title{display: inline-block;width:calc(100% - 110px);font-size: 13px;vertical-align: middle}

.library-right-problem .problem-item .operate{position:absolute;top:0;right:10px;height: 50px;text-align: right;vertical-align: middle}

.library-right-problem .problem-item .operate a{display: inline-block;margin-left: 10px;color:#2c6ee5;font-size: 13px}

.library-right-problem .problem-item .operate a:hover{color:#128cf6}

.library-right-problem .problem-item:hover a,.library .library-right-problem .problem-list .problem-item:hover span{color: #2c6ee5;}

.library-right-problem .problem-item:last-child{border:none}

.library-right-problem .problem-no-data{text-align: center;color:#666;padding: 100px 0}

/* 知识库 —— 发布文章 */
.library-problem-form .layui-layer-title{background-color: #fff;border:1px solid #e3e9ed}

.problem-other-ask .icon-add2{color:#2c6ee5;margin-top: 7px;cursor: pointer;font-size: 17px;}

.feeldesk-form .other-ask-box .layui-input-inline{width: 70%;font-size: 0}

.feeldesk-form .other-ask-box .layui-form-item input{width: 85%;display: inline-block;height: 35px;line-height: 35px;border-right: none;
    border-radius:2px;border-top-right-radius: 0;border-bottom-right-radius: 0;vertical-align: middle;}

.feeldesk-form .other-ask-box .layui-input-inline a.other-ask-delete{display: inline-block;border: 1px solid #8c92a4;padding: 0 10px;font-size: 14px;
    height: 35px;line-height: 35px;background-color: #8c92a4;color: #fff;cursor: pointer;vertical-align: middle;border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;width: 15%;text-align: center}

.feeldesk-form .other-ask-box .layui-input-inline a.other-ask-delete:hover{opacity: .8}


/* 知识库、公告 —— 详情 */
.library-problem-detail{background: #fff;height: 100%;}

.library-problem-detail .detail-sidebar{position: fixed;top: 0;left: 0;width: 20px;height: 100%;text-align: center;cursor:pointer;color:#999;z-index: 1;}

.library-problem-detail .detail-sidebar:hover{background-color: #fafafa}

.library-problem-detail .detail-sidebar i{position: absolute;top:50%;right: 2px;}

.library-problem-detail .detail-content{height:100%;padding: 0 30px;}

.library-problem-detail .detail-content img{margin: 20px 0}

.library-problem-detail .detail-header{width:100%;background: #fff;padding:14px 0;}

.library-problem-detail .detail-header .problem-title{display:inline-block;height: 30px;line-height: 30px;}

.library-problem-detail .detail-header,.detail-info{border-bottom:1px solid #dedede;color:#40485b}

.library-problem-detail .detail-header .problem-title{display:inline-block;width: 100%;font-size:17px;font-weight: bold;text-align: center}

.library-problem-detail .sub-title{font-size: 12px;color:#666;text-align: center;margin-top: 14px}

.library-problem-detail .sub-title span{margin-right: 15px;}

.library-problem-detail .detail-header span.fr{display: inline-block;padding: 0 10px;height:30px;line-height:30px;border-radius: 100px;
    border:1px solid #d8d8d8;color:#40485b}

.library-problem-detail .detail-main .problem-title{margin: 20px 0;}

.library-problem-detail .detail-main .detail-info li{display: inline-block;padding: 0 10px;border: 1px solid #e3e9ed;border-radius: 50px;height: 30px;
    line-height: 30px;margin: 10px 11px 10px 0;}

.library-problem-detail .detail-main .detail-content{padding: 20px 0 10px 0;line-height: 25px;font-size: 14px;}

.library-problem-detail .detail-attach{border-top:1px solid #e3e9ed;margin-top: 30px;padding: 20px 0}

.library-problem-detail .attach-item{color: #537c8d;height: 30px;line-height: 30px;}

.library-problem-detail .attach-item a{color:#128cf6;}

/* 知识库 —— 查询 */
.library-query{height: 100%;font-size: 0;background-color: #fff;}

.library-query .library-left{display: inline-block;width: 280px;vertical-align: text-top;border:1px solid #e3e9ed;height: calc(100%);font-size: 14px;
    border-right: none}

.library-query .library-left .tree-left-header{border-bottom: 1px solid #e3e9ed;line-height: 60px;height: 60px;font-weight: 600;font-size: 18px;
    padding:0 10px;text-align: center}

.library-query .library-left .library-left-trees{height: calc(100% - 60px);overflow-x: hidden;padding: 10px 0;width: 100%;}

.library-query .library-right{display:inline-block;width:calc(100% - 280px);border:1px solid #e3e9ed;height: 100%;vertical-align: text-top;}

.library-query .library-right .library-right-header{height: 60px;line-height: 60px;border-bottom:1px solid #e3e9ed;padding: 0 20px}

.library-query .library-right .library-right-header .library-search {position: relative}

.library-query .library-right .library-right-header .library-search i{position: absolute;left:7px;color:#cecece}

.library-query .library-right .library-right-header input{width: calc(100% - 90px);border:1px solid #e3e9ed;border-radius: 2px;height: 35px;
    line-height: 35px;vertical-align: middle;font-size: 12px;padding-left: 30px;}

.library-query .library-right .library-right-header a{display: inline-block;width: 80px;border-radius: 2px;background-color: #2c6ee5;color:#fff;
    font-size: 14px;height: 35px;line-height: 35px;text-align: center;margin-left: 10px;vertical-align: middle}

.library-query .library-right .problem-box{padding-bottom: 10px;height: calc(100% - 60px);overflow-x: hidden}

.library-query .library-right .problem-box .problem-item{line-height: 55px;height: 55px;font-size: 13px;padding:0 20px;border-bottom:1px solid #e3e9ed;
    cursor: pointer}

.library-query .library-right .problem-box .problem-item a{display:inline-block;color:#537c8d;width: calc(100% - 130px)}

.library-query .library-right .problem-box .problem-item:hover{background-color: #fafafa;}

.library-query .library-right .problem-box .problem-item:hover a{color:#32465d;}

.library-query .library-right .problem-box .problem-item .problem-date{display:inline-block;float:right;color:#999}

.library-query .library-right .problem-box .problem-no-data{padding: 100px 0;font-size: 14px;text-align: center;color:#666}

.library-query .dtree-nav-this{color:#2c6ee5;font-weight: normal;}

.library-query .dtree-icon-weibiaoti5,.library-query .dtree-icon-wenjianjiazhankai
{color:#ffcd2c !important;font-size: 15px}

.library-query .layui-icon-down,.library-query .layui-icon-right
{color:#999 !important;font-size: 15px}

.library-query .dtree-nav-div cite{font-size: 13px;vertical-align: inherit}

.library-query .layui-icon-list,.library .layui-icon-list{color:#8FCCFF !important;font-size: 18px}

/* 满意度配置 */

.satisfaction{width: 100%;height: calc(100% - 51px);}

.satisfaction .satisfy-left{display:inline-block;width: 290px;height: 100%;border-right: 1px solid #e3e9ed;margin-right: 5px;vertical-align:text-top;}

.satisfaction .satisfy-left li.satisfy-item{font-size: 12px;cursor: pointer;border-bottom: 1px dotted #e3e9ed;height: 40px;line-height: 40px;padding: 0 10px}

.satisfaction .satisfy-left li.current{color:#2c6ee5;}

.satisfaction .satisfy-left li.satisfy-item:hover{background-color: #fafafa;color:#2c6ee5}

.satisfaction .satisfy-left li.satisfy-item i{float: right}

.satisfaction .satisfy-left li.satisfy-form input{border: 1px solid #e3e9ed;height: 25px;line-height: 25px;font-size: 12px;border-radius: 2px;padding: 0 10px}

.satisfaction .satisfy-left li.satisfy-form input:focus{border-color:#2c6ee5}

.satisfaction .satisfy-left li.satisfy-form a{display: inline-block;margin-left: 10px;background-color: #2c6ee5;height: 25px;line-height: 25px;padding: 0 8px;text-align: center;color: #fff;border-radius: 2px;}

.satisfaction .satisfy-left li.satisfy-form a:hover{opacity: .8}

.satisfaction .satisfy-right{display:inline-block;width: calc(100% - 295px);height:100%;vertical-align:text-top;border-left:1px solid #e3e9ed;}

.satisfaction .satisfy-right .satisfy-label{width: 100%;height: 100%;}

.satisfaction .satisfy-right .satisfy-label .label-item{height: 40px;line-height: 40px;font-size: 12px;padding: 0 15px;border-bottom: 1px solid #e3e9ed}

.satisfaction .satisfy-right .satisfy-label .label-item .label-name{display:inline-block;width: 60%;color:#333}

.satisfaction .satisfy-right .satisfy-label .label-item .label-operation{display:inline-block;width: 35%;float: right;text-align: right}

.satisfaction .satisfy-right .satisfy-label .label-item  .label-operation a{display: inline-block;text-align: center;color:#537c8d;margin-left: 10px;cursor: pointer}

.satisfaction .satisfy-right .satisfy-label .label-item  .label-operation a:hover{color:#2c6ee5}

.satisfaction .satisfy-right .satisfy-label .add-label{text-align: center;width: 100%;cursor: pointer;}

.satisfaction .satisfy-right .satisfy-label .add-label i{font-size: 14px;color:#666}

.satisfaction .satisfy-right .satisfy-label .add-label:hover{background-color: #fafafa;color:#2c6ee5}

.satisfaction .satisfy-right .satisfy-label .add-label:hover i{color:#2c6ee5}

.satisfaction .satisfy-right .satisfy-label .label-form input{border: 1px solid #e3e9ed;height: 25px;line-height: 25px;font-size: 12px;border-radius: 2px;padding: 0 10px}

.satisfaction .satisfy-right .satisfy-label .label-form input:focus{border-color:#2c6ee5}

.satisfaction .satisfy-right .satisfy-label .label-form a{display: inline-block;margin-left: 10px;background-color: #2c6ee5;height: 25px;line-height: 25px;padding: 0 8px;text-align: center;color: #fff;border-radius: 2px;}

.satisfaction .satisfy-right .satisfy-label .label-form a:hover{opacity: .8}


/* 路由配置 */
.route-config .channel-route .layui-input-inline{width: 340px !important;}


/* 消息管理 */
.message-wrapper .message-header{position:relative;width:100%;line-height: 50px;border-top-left-radius: 5px;border-top-right-radius: 5px;
    border-bottom:1px solid #e3e9ed;}

.message-wrapper .message-header ul li{display: inline-block;width: 150px;height: 51px}

.message-wrapper .message-header ul li a{display:inline-block;font-size:15px;color:#999;width: 100%;text-align: center}

.message-wrapper .message-header ul li a.active{border-bottom: 3px solid #2c6ee5;color:#2c6ee5;}

.message-wrapper .message-header ul li a:hover{color:#2c6ee5}

.message-wrapper .message-header-right{position:absolute;top:0;right:20px;}

.message-wrapper .message-btn{display:inline-block;height:30px;line-height:30px;border:1px solid #e3e9ed;padding: 0 5px;border-radius: 3px;color:#666;font-size: 12px}

.message-wrapper .message-btn i{margin-right: 3px;vertical-align: bottom !important;}

.message-wrapper .message-btn:hover{background-color:#fafafa}

.message-wrapper .msg-disabled{background-color: #fafafa;color:#999;cursor: not-allowed}

.message-wrapper .message-item{height:calc(100% - 51px);overflow-x: hidden}

.message-wrapper .message-item .feeldesk-list-footer{border-radius: 0 0 5px 5px}

.message-wrapper .message-item tr{cursor: pointer;}

.message-wrapper .message-item .message-title-box{display: inline-block;}

.message-wrapper .message-item .message-title-box .icon-readed{color:#bebebe}

.message-wrapper .message-item .message-title-box .icon-unread{color:#fe7300}

.message-wrapper .message-item .message-title-box a{vertical-align: middle}

.message-wrapper .message-item .message-title-box a:hover{color:#2c6ee5}

.message-wrapper .message-item tr td.messageOperate a{font-size:13px;margin-left: 10px;color:#537c8d}

.message-wrapper .message-item tr td.messageOperate a:hover{color:#2c6ee5}

.message-wrapper .message-item tr td.messageOperate a:first-child{margin-left: 0}

.message-wrapper .message-title{border-bottom:1px solid #e3e9ed;padding: 20px 0;}

.message-wrapper .message-title p:first-child{margin-bottom: 20px;font-size: 18px;font-weight: bold}

.message-wrapper .message-title p:last-child{color:#666;font-size: 14px;}

.ticket-config-form .layui-form-item .layui-form-checkbox[lay-skin=primary],
.ticket-config-form .layui-form-radio{margin-top: 0}

.message-windows .message-content{padding-top: 5px;line-height: 25px}

.message-windows .message-content *{font-size: 12px !important;}

.message-windows .message-content a:hover span{color:#2c6ee5 !important;}

.project-search .layui-form-checkbox[lay-skin=primary] {border: 1px solid #e6e6e6 !important;border-radius: 3px;display: inline-block;
    line-height: 30px !important;padding: 0 10px;margin-top: -1px;margin-right: 5px;}

.project-search .layui-form-checkbox[lay-skin=primary] span{line-height: 28px;padding-right: 8px;font-size: 12px;}

.project-search .layui-form-checkbox[lay-skin=primary] i {position: relative;right: 0;left: 0;top: 0;width: 14px;height: 14px;line-height: 13px;}

/* 项目统计 */

.project-statistic{background-color: #fff;padding: 15px}

.project-statistic .project-title{font-size: 18px;margin-bottom: 30px;color:#333}

.statistic-left{width:calc(100% - 320px);height:100%;display: inline-block;vertical-align: middle;padding-right: 15px;}

/* 动态 */

.statistic-left .dynamic-panel{height: calc(100% - 482px);}

.statistic-left-panel .layui-elem-field{border:none;margin-bottom: 0;height: 100%;background-color: #fff;}

.statistic-left-panel .layui-elem-field legend{background: #fff;width: 100%;padding-left:20px;line-height: 50px;border-radius: 3px 3px 0 0 ;margin: 0;
    border: 1px solid #e3e9ed;font-size: 16px}

.statistic-left-panel .layui-elem-field .layui-field-box{padding: 0;height: calc(100% - 52px);}

.statistic-left-panel .layui-elem-field .layui-field-box .layui-tab{margin: 0;height: 100%}

.statistic-left-panel .layui-elem-field .layui-tab-title{border-left: 1px solid #e3e9ed;border-right: 1px solid #e3e9ed}

.statistic-left-panel .layui-elem-field .layui-tab-content{padding: 20px 25px;background-color: #fff;border-radius:0 0 3px 3px;border: 1px solid #e3e9ed;border-top:0}

.statistic-left-panel .layui-tab-content p{padding: 10px 0}

.statistic-left-panel .layui-text{padding-left: 35px}

.statistic-left-panel .layui-text h3{font-size: 16px !important;}

.statistic-left-panel .layui-timeline-item:last-child:before{display: block}

.statistic-left-panel #myDynamic .layui-timeline-title{margin-bottom: 20px}

.statistic-left-panel .layui-timeline-axis{color:#ff7900;top:2px}

.statistic-left-panel .date{width: 35px;height: 35px;font-size: 12px;background: #ff7900;color: #fff;line-height: 35px;left: -10px;top: -5px;}

.statistic-left-panel .date span{display: inline-block;transform: scale(.8);white-space: nowrap}

.statistic-left-panel .icon-user{position: absolute;left: -10px;z-index: 10;color: #23b7e5;border-radius: 50%;font-size:30px;text-align: center;cursor: pointer;}

.statistic-left-panel p{position: relative;}

.statistic-left-panel .layui-text a:not(.layui-btn){color:#537c8d}

.statistic-left-panel .quan{position: absolute;left:-33px;top: 18px;z-index: 10;border-radius: 50%;border: 1px solid #cecece;width:7px;height:7px;
    background: #fff;vertical-align: middle}

.statistic-left-panel a.ellipsis{display: inline-block;max-width:300px;vertical-align: bottom}

.statistic-left-panel p.nowrap{white-space: nowrap}

.statistic-left-panel .ziquan{top:16px;left:-34px;width:9px;height:9px;border: 1px solid #6c6fbf}

.statistic-left-panel .layui-tab-brief>.layui-tab-title .layui-this{color:#23b7e5;}

.statistic-left-panel .layui-tab-brief>.layui-tab-title .layui-this:after{border-color: #23b7e5;}

.statistic-left-panel .layui-text a.modify-record-btn{margin-left: 5px;color:#23b7e5}

.statistic-left-panel .layui-text a.modify-record-btn:hover{color:#2c6ee5}

.statistic-left-panel .layui-text a:hover{text-decoration: none}

/* 项目统计 - 右侧 */
.statistic-right{display:inline-block;width: 320px !important;height:100%;vertical-align: top}

.statistic-right .statistic-right-panel{padding: 20px 18px;border-radius: 3px;border:1px solid #e3e9ed;box-shadow: none;background: #fff;margin-bottom: 20px}

.statistic-right .statistic-panel-header{font-size: 14px;margin-bottom: 14px;}

.statistic-right .statistic-panel-header a{font-weight: normal;float: right;color:#8c92a4}

.statistic-right .statistic-panel-header a:hover{color:#32465d}

/* 项目统计 - 右侧 */
.statistic-right .user-column{display: inline-block;padding: 10px;text-align: center;width: 25%;}

.statistic-right .user-column .name{margin-top: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #40485b;font-size: 12px}


/* 进度节点 */
.project-statistic .project-progress-node{margin-bottom: 30px;}

.project-statistic .project-progress-node a{display: inline-block;min-width: 60px;text-align: center;background-color: #fafafa;color:#999;font-size: 12px;
    border:1px solid #eee;vertical-align: middle;border-radius: 3px;height: 25px;line-height: 25px;cursor: pointer;padding: 0 10px;margin-bottom:10px}

.project-statistic .project-progress-node a.current{background-color: #2c6eef;border-color:#2c6eef;color:#fff;}

.project-statistic .project-progress-node a.complete{position:relative;background-color: #f3f7ff;border-color:#ccdeff;color:#2c6ee5;}

.project-statistic .project-progress-node a.complete i{position: absolute;top: -12px;right: -7px;color:#37DC81;font-size: 14px}

.project-statistic .project-progress-node .progress-split{background-color: #eee;height: 2px;width: 30px;vertical-align: middle;margin-top:-10px}

/* 状态统计 */
.project-statistic .project-ticket-status ul{font-size: 0;margin-bottom: 30px}

.project-statistic .project-ticket-status .ticket-card{display:inline-block;margin-right:15px;text-align: center;padding: 10px 0;width: 10vw;
    background-color: #fafafa;border-radius: 4px;margin-bottom: 20px}

.project-statistic .project-ticket-status .ticket-card:last-child{margin-right: 0}

.project-statistic .project-ticket-status .ticket-card a{display: inline-block;color:#40485b;}

.project-statistic .project-ticket-status .ticket-card:hover a{color:#337ab7 !important;}

.project-statistic .project-ticket-status .ticket-card a span{display: block;font-size: 24px;margin-bottom: 10px}

.project-statistic .project-ticket-status .ticket-card a span.desc{font-size: 13px;white-space: nowrap}


/* 财务汇总 */
.summary-main .list-header .layui-input{width: 300px;margin: 11px 0;border-radius: 5px;}

.summary-list .income .income-list{border-bottom:1px solid #e3e9ed;line-height: 40px}

.summary-list .income .income-list div{display: inline-block;min-width: 150px;text-align: center}

.summary-list .income .income-list div:first-child{border-right: 1px solid #e3e9ed;text-align: left}

.finance-main .date{display: inline-block;margin-right: 15px}

.finance-main .date .layui-input{height: 30px;line-height: 30px;width: 200px;border-radius: 4px}

/* 其他 */
.visitor-view{display: inline-block;border:1px solid #8c92a4;border-radius: 3px;text-align: center;min-width: 50px;padding: 0 5px;line-height: 25px;
    color: #8c92a4;}

.visitor-box{background-color: #fff;border-radius: 2px !important;width: 100%;text-align: center;padding: 30px 0}

.visitor-box .visitor-item{margin-bottom: 25px;font-size: 0}

.visitor-box .visitor-item label{display: inline-block;font-size: 12px;margin-right: 10px;min-width: 70px;text-align: right;vertical-align: middle;}

.visitor-box .visitor-item input{border:1px solid #e3e9ed;line-height: 33px;width: 600px;padding: 0 10px;border-radius: 3px 0 0 3px;font-size: 12px;
    vertical-align: middle}

.visitor-box .visitor-item:last-child{margin-bottom: 0}

.copy-btn{display: inline-block;height: 35px;line-height: 35px;padding:0 10px;border:1px solid #e3e9ed;border-left: none;border-radius: 0 3px 3px 0;
    font-size: 13px;vertical-align: middle;cursor: pointer}

.copy-btn:hover{color:#2c6ee5}


/* 工单状态 */
.layui-input-inline .ticket-status-color{margin: 8px 0;height: 20px;}

.status-color-panel{position: relative;
    display: inline-block;
    margin-right: 7px;
    height: 100%;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -o-transition: -o-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);}

.status-color-panel:hover{box-shadow: 0 0 5px 0 rgba(0,0,0,.5);}

.ticket-status-color .status-color-panel:before,.ticket-status-color .status-color-panel:after{content: "";position: absolute;left: 0;right: 0;
    bottom: 0;top: 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;
    border-radius: 50%;margin: auto;-webkit-transition: -webkit-transform .5s ease;-moz-transition: -moz-transform .5s ease;
    -o-transition: -o-transform .5s ease;transition: transform .5s ease;}

.ticket-status-color .status-color-panel:before{-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);
    transform: scale(0);-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;
    transform-origin: center;height: 16px;width: 16px;background-color: white;}

.ticket-status-color .current:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.status-color-panel:after {
    height: 10px;
    width: 10px;
}

/* 全局列表 */
.feeldesk-list{position:relative;height: calc(100% - 51px);}

.feeldesk-list-header{line-height: 60px;border-bottom: 1px solid #e3e9ed;padding: 0 20px;position: relative;font-size: 0}

.feeldesk-list-header .header-left{display: inline-block;font-size: 13px}

.feeldesk-list-header .header-left .createBtn{display: inline-block;min-width: 70px;padding: 0 5px;background: #8c92a4;height: 30px;line-height: 30px;
    border-radius: 2px;color:#fff;}

.feeldesk-list-header .header-left #memberForm{position: absolute;top: -41px;right: 0}

.feeldesk-list-header .header-left .createBtn i{vertical-align: bottom !important;margin-right: 5px}

.feeldesk-list-header .header-left .createBtn:hover{background-color: #6a728b}

.feeldesk-list-header .header-left .layui-input{border-radius: 2px;height: 32px;}

.feeldesk-list-header .header-left .layui-form-select .layui-edge{border-width: 4px}

.feeldesk-list-header .header-right{display:inline-block;font-size: 12px;float: right}

.common-main .feeldesk-list-header .header-right{position: absolute;top: 0;right: 20px;font-size: 12px;display: block;}

.common-main .feeldesk-list-header .header-left{display:block;font-size: 13px}

.common-main .item-list{height: 100%}

.feeldesk-list-header .header-right .compact-search .icon-search{top:13px}

.feeldesk-list-header .header-right>a{display:inline-block;border:1px solid #e3e9ed;height: 30px;line-height: 30px;padding:0 5px;
    border-radius: 4px;color:#666;margin-right: 10px;vertical-align: middle;margin-top: -1px}

.feeldesk-list-header .header-right>a i{font-size:20px;vertical-align: bottom !important;}

.feeldesk-list-header .header-right>a:last-child{margin-right: 0}

.feeldesk-list-header .header-right .layui-form-select {display:inline-block;margin: 0 10px;font-size: 12px}

.feeldesk-list-header .header-right .layui-form-select .layui-input{border-radius: 2px;height: 32px;}

.feeldesk-list-header .header-right .layui-form-select .layui-edge{border-width: 4px}

.feeldesk-list-content{height: calc(100% - 65px);}

.feeldesk-list-content form{height: 100%}

.feeldesk-list-content .feeldesk-list-main{height: calc(100% - 51px);overflow-y: auto;overflow-x: auto}

.feeldesk-list-content .feeldesk-list-main::-webkit-scrollbar{height: 8px;}

.feeldesk-list-content .feeldesk-list-main tr td,.feeldesk-list-content .feeldesk-list-main tr th{padding: 17px 15px;text-align: center}

.feeldesk-list-content .feeldesk-list-main thead tr{border-bottom:1px solid #eee !important;}

.feeldesk-list-content .feeldesk-list-main tbody tr:nth-child(2n){background-color: #fafafa;}

.feeldesk-list-content .feeldesk-list-main tbody tr:hover{background-color: #f3f7ff !important;}

.feeldesk-list-content .feeldesk-list-main tbody tr.current td{color:#138df5 !important;}

.feeldesk-list-content .feeldesk-list-main tbody .open-status{display: inline-block;text-align:center;height:25px;line-height:25px;min-width:50px;padding: 0 5px;
    border-radius: 3px;font-size: 12px}

.feeldesk-list-content .feeldesk-list-main tbody .disable{background-color: #ccc;color:#fff;border:1px solid #ccc;}

.feeldesk-list-content .feeldesk-list-main tbody .enable{background-color: #85d654;color:#fff;border:1px solid #85d654;}

.feeldesk-list-content .feeldesk-list-footer{height: 50px;line-height: 50px;border-top: 1px solid #eee;background-color: #fff;padding: 0 20px;}


/* 全局列表 - 操作 */
.feeldesk-list-content .feeldesk-list-main .feeldesk-list-operate{width: 100px;cursor: pointer}

.feeldesk-list-content .feeldesk-list-main tr td:first-child{color:#537c8d}

.feeldesk-list-content .feeldesk-list-main tr:hover td:first-child{color:#32465d}

.feeldesk-list-content .feeldesk-list-main tr td .icon-moren{display: inline-block;color:#fe2c4a;font-size: 25px;margin-top: -3px}

.feeldesk-list-content .feeldesk-list-main tr td.no-hover-operate a{color:#537c8d}

.feeldesk-list-content .feeldesk-list-main tr td.no-hover-operate a:hover{color:#2c6ee5}

.feeldesk-list-content .feeldesk-list-main .feeldesk-list-operate .operate-panel{position:absolute;right:0;background-color: #fff;text-align: center;z-index: 999;border-radius:2px;
    border:1px solid #e3e9ed;line-height: 35px;min-width: 100px}

.feeldesk-list-content .feeldesk-list-main .feeldesk-list-operate .operate-panel img{position: absolute;top:-7px;right: 12%;width: 20px;}

.feeldesk-list-content .feeldesk-list-main .feeldesk-list-operate .operate-panel a{display: block;width: 100%;padding: 0 15px;}

.feeldesk-list-content .feeldesk-list-main .feeldesk-list-operate .operate-panel a:hover{background-color:#fff9f5;color:#2c6ee5}


/* 设置 */
.member-tab{margin: 0}

.member-tab .layui-tab-title{height: 50px;}

.member-tab .layui-tab-title li{line-height: 50px;min-width:150px;}

.member-tab .layui-tab-title li.layui-this{height: 51px;color:#2c6ee5;background-color: #fff;}

.member-tab .layui-tab-title .layui-this:after{height: 50px;border-top:none;border-radius: 0}

.member-tab .layui-tab-title li:first-child:after{border-left: none}

.setting-form .avatar-item .layui-form-label{padding: 15px;}

.setting-form .avatar-item .layui-input-inline img{width: 50px;height: 50px;border-radius: 50px;}

.setting-form .logo-item .layui-form-label{padding: 15px;}

.setting-form .logo-item .layui-input-inline img{width: 200px;height: 50px;border-radius: 5px;background: #eee}

.no-input{height: 38px;line-height: 36px;color:#2c6ee5;font-size: 12px;border-radius: 3px 0 0 3px !important;}

.setting-form .upload-btn{display:inline-block;min-width: 80px;padding: 0 10px;height: 35px;line-height: 35px;background-color: #fff;border-radius: 3px;
    text-align: center;border:1px solid #eee;color:#666;margin-left: 10px;vertical-align: middle;font-size: 13px}

.setting-form .upload-btn:hover{border-color:#ccdeff;color:#2c6ee5}

.setting-form .form-content .form-item .layui-form-item .layui-form-label{color:#172b4d}


/* 微信模板消息列表 */
.wechat-item tr{cursor: pointer}

.wechat-item .origin{width: 5px !important;height: 5px;margin-right: 10px;vertical-align: middle;background-color: #cfcfcf;border-radius: 100%;}

.wechat-item .child-name{vertical-align: middle;color:#537c8d}

.wechat-item tr:hover td.left span,.wechat-item tr:hover td.left i{color:#32465d !important;}

.wechat-template .feeldesk-list-header{line-height: 20px;padding: 9px 20px}

.wechat-template .feeldesk-list-header .icon-tixingtishi{vertical-align: baseline !important;font-size: 14px;margin-right: 2px}

.wechat-content .feeldesk-list-main{height:100%}




.status-e03636,.status-e03636:after{background-color: #e03636;}

.status-3290f9,.status-3290f9:after{background-color: #3290f9;}

.status-ff8911,.status-ff8911:after{background-color: #ff8911;}

.status-febc08,.status-febc08:after{background-color: #febc08;}

.status-b8d900,.status-b8d900:after{background-color: #b8d900;}

.status-6c5ac9,.status-6c5ac9:after{background-color: #6c5ac9;}

.status-9c2189,.status-9c2189:after{background-color: #9c2189;}

.status-00b5ad,.status-00b5ad:after{background-color: #00b5ad;}

/* 分页 */
.user-page{float: right;}

.user-page a,.user-page span{display: inline-block;background: #fff;width:25px;height:25px;line-height: 25px;margin-right:9px;color:#999;
    border:1px solid #e3e9ed;text-align: center;border-radius: 2px}

.user-page span.current{background: #2c6ee5;color:#fff;border-color:#2c6ee5}

.user-page a.prev i,.user-page a.next i{font-size: 12px;margin-top: -3px;}

.user-page a.prev:hover i,.user-page a.next:hover i{color:#2c6ee5}

.user-page a:hover,.user-page a.prev:hover,.user-page a.next:hover{border-color:#2c6ee5;color:#2c6ee5}

.user-page a.disabled{cursor: not-allowed;background-color: #fafafa;border-color:#e3e9ed}

.user-page a.disabled i{font-size: 12px;margin-top: -3px;}


/* 弹窗动画 */

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceInRight1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

body .bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;animation-duration:0.5s;overflow-y: auto;border-left:none;
    border-right:none;border-top:1px;border-bottom:1px;-webkit-box-shadow: -2px 0 20px 0 rgba(0,0,0,0.2);box-shadow:-2px 0 20px 0 rgba(0,0,0,0.2);}

body .bounceInRight1{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;animation-duration:0.5s;top:0;}

body .bounceInRight .layui-layer-content ,body .bounceInRight1 .layui-layer-content {overflow: hidden;}

body .bounceInRight .layui-layer-title,body .bounceInRight1 .layui-layer-title{height: 52px;line-height: 52px;border-top:1px solid #eee}

body .bounceInRight .layui-layer-setwin {top:20px;}

.layui-anim-upbit::-webkit-scrollbar{background-color:#f5f7fa;width: 5px;height: 5px;}

.layui-anim-upbit::-webkit-scrollbar-thumb{border-radius: 5px;background-color: rgba(205, 205, 205, 0.42);}

.layui-anim-upbit::-webkit-scrollbar-track{border-radius: 0;background: rgba(216,223,240,0.1);}

.layui-input{font-size: 12px}

.layui-form-checkbox[lay-skin=primary]{padding-left: 23px}

.layui-form-checkbox[lay-skin=primary] span{line-height: 17px}

.layui-form-checked[lay-skin=primary] i{border-color:#2c6ee5 !important;color:#fff;background-color:#2c6ee5 !important;}

.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#2c6ee5 !important;}

.xm-icon-duox{border-color:#d2d2d2 !important;}

.xm-option:hover .xm-icon-duox{border-color:#2c6ee5 !important;}
